jquery/जावास्क्रिप्ट - किसी फ़ंक्शन के बाहर से चर का उपयोग

Question

मैं उस फ़ंक्शन के बाहर एक चर वैल्यू का उपयोग करने की कोशिश कर रहा हूं जिसमें इसे परिभाषित किया गया था। विचार I को केवल फ़ंक्शन के बाहर चर घोषित करने की आवश्यकता है, लेकिन यह इसे काट नहीं देता है । उन लोगों के लिए आसान होना चाहिए जो जानते हैं?

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); 
})​ 

सभी को धन्यवाद, explaination और solution साथ विशेष रूप से एंडी ई।

Answer 1

आप एक कॉलबैक फ़ंक्शन के माध्यम से चर को असाइन कर रहे हैं जो किसी ईवेंट हैंडलर में पंजीकृत है। इसका मतलब यह है कि जब यह चलाता है:

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

readOut2अपरिभाषित का अपना महत्व होता है क्योंकि यह अभी तक MouseMove हैंडलर समारोह द्वारा निर्धारित नहीं किया गया है। उस हैंडलर तब तक आग नहीं लगाएगा जब तक कि वर्तमान कतारबद्ध कोड निष्पादित नहीं हो जाता है और उपयोगकर्ता अपना माउस ले जाता है। आप चर के रूप में एक ही दायरे में एक फ़ंक्शन को परिभाषित कर सकते हैं, और mousemove हैंडलर से उस फ़ंक्शन को कॉल कर सकते हैं।

पुन: एक और जवाब पर अपनी टिप्पणी के लिए, आप एक टाइमर इस्तेमाल कर सकते हैं:

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

मुझे लगता है कि आप कर्सर निर्देशांक ट्रैक करना चाहते हैं, अद्यतन सोर्स कोड देखें:

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

एक समय की समस्या की तरह लगता है।

इस लाइन

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

वाला, document.ready पर कहा जाता हो जाता है, जबकि MouseMove घटना अभी तक कहा जाता है नहीं किया गया है, इसलिए readOut2 अभी तक एक मूल्य के लिए नहीं होगा।

Answer 4

लेकिन

चर readOut1 और के रूप में MouseMove समारोह पर बाहर मूल्य का उपयोग करना चाहते readOut2 MouseMove ईवेंट हैंडलर चलाया जाता है आप किसी भी कोड का उपयोग करेगा फोन करना होगा पहले सेट नहीं किया जा सकता मूसमोव हैंडलर से ये चर।

उदाहरण:

$(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); 
}