jquery/javascript - accéder aux variables depuis l'extérieur d'une fonction

Question

J'essaie d'utiliser une valeur de variable en dehors de la fonction dans laquelle elle a été définie. Je pensais juste besoin de déclarer la variable en dehors de la fonction mais cela ne la coupe pas . Faut-il être facile pour ceux qui savent?

Fiddle Here

jQuery(document).ready(function() { 

    var readOut; 
    var readOut2; 

    $(document).mousemove(function(e) { 
     readOut1 = e.pageX; 
     readOut2 = e.pageY; 
     $('#var1').html(readOut1); 

    }); 

    $('#var2').html(readOut2); 
})​ 

Merci à tous, en particulier Andy E avec le explaination et solution.

Answer 1

Affectation aux variables via une fonction de rappel enregistrée dans un gestionnaire d'événements. Cela signifie que lorsque cela fonctionne:

$('#var2').html(readOut2); 

readOut2 a une valeur de non définie parce qu'il n'a pas été fixé par la fonction de gestionnaire encore mousemove. Ce gestionnaire ne se déclenchera pas jusqu'à ce que le code en attente d'exécution cesse d'être exécuté et que l'utilisateur déplace sa souris. Vous pouvez définir une fonction dans la même portée que les variables et appeler cette fonction à partir du gestionnaire mousemove.

Re: vos commentaires sur une autre réponse, vous pouvez utiliser une minuterie:

jQuery(document).ready(function() {  
    var readOut1; 
    var readOut2; 

    $(document).mousemove(function(e) { 
     readOut1 = e.pageX; 
     readOut2 = e.pageY; 
     $('#var1').html(readOut1); 

    }); 

    window.setInterval(function() { 
     $('#var2').html(readOut2); 
    }, 300); 
})​; 

Answer 2

Je suppose que vous voulez suivre les coordonnées du curseur, consultez le code source mis à jour:

jQuery(document).ready(function() { 

    var readOut1; 
    var readOut2; 

    $(document).mousemove(function(e) { 
     readOut1 = e.pageX; 
     readOut2 = e.pageY; 
     $('#var1').html(readOut1); 
     $('#var2').html(readOut2); 
    }); 

})​ 

http://jsfiddle.net/xSa2T/2/

Answer 3

Cela ressemble à un problème de synchronisation.

Cette ligne

$('#var2').html(readOut2); 

est appelé à gonna get document.ready, alors que l'événement mousemove n'a pas encore été appelée, si readOut2 aura pas encore une valeur.

Answer 4

mais souhaitez utiliser la valeur en dehors de la sur la fonction mousemove

Comme les variables readOut1 et readOut2 pourrait ne pas être réglé avant que le gestionnaire d'événements mousemove est exécuté, vous devrez appeler un code qui utilisera ces variables du gestionnaire de mousemove.

Exemple:

$(document).mousemove(function(e) { 
    readOut1 = e.pageX; 
    readOut2 = e.pageY; 

    doStuffWithReadOuts(/* possibly passing readouts as arguments instead... */); 
}); 

function doStuffWithReadOuts() { 
     $('#var1').html(readOut1); 
     $('#var2').html(readOut2); 
}