2012-05-14 10 views
8

मैं jQuery 1.7.2 साथ निम्नलिखित कोड का उपयोग कर कुछ घटनाओं से निपटने गया था:jQuery में फोकस/फोकसआउट बनाम फोकस/धुंध के बीच क्या अंतर है?

$().on('focus blur', function(event) { 
    console.log(event.type); 
}); 

और मैं देखा है कि event.type दोनों घटनाओं के लिए, बाहर प्रिंट: focusin और focusout

focusin/focusout बनाम focus/blur के बीच क्या अंतर है?

उत्तर

18

लघु जवाब: focusin और thinsp; & thinsp; & thinsp; बुलबुले, focus नहीं करता है।
              focusout बुलबुले, blur और thinsp; नहीं करता।
पढ़ें docs:

Focusin घटना एक तत्व को भेजा जाता है जब यह, या इसके अंदर किसी भी तत्व, लाभ ध्यान देते हैं। यह फ़ोकस ईवेंट से अलग है जिसमें यह मूल तत्वों पर फ़ोकस ईवेंट का पता लगाने का समर्थन करता है (दूसरे शब्दों में, यह ईवेंट बबलिंग का समर्थन करता है)।

+3

भ्रम को कम करने के लिए: "उस में ** यह ** माता पिता तत्वों पर ध्यान केंद्रित घटना का पता लगाने का समर्थन करता है" ** Focusin को संदर्भित करता है * * घटना। – Timo

2

फोकसिन ईवेंट किसी तत्व को भेजा जाता है जब यह, या इसके अंदर कोई तत्व, फोकस प्राप्त करता है। यह फ़ोकस ईवेंट से अलग है जिसमें यह मूल तत्वों पर फ़ोकस ईवेंट का पता लगाने का समर्थन करता है (दूसरे शब्दों में, यह ईवेंट बबलिंग का समर्थन करता है)।

Source

2
docs से

:

Focusin घटना एक तत्व को भेजा जाता है जब यह, या इसे की अंदर किसी भी तत्व, लाभ ध्यान देते हैं। यह फोकस इवेंट से अलग है कि मूल तत्व पर फ़ोकस ईवेंट का पता लगाने का समर्थन करता है (दूसरे शब्दों में, यह ईवेंट बबलिंग का समर्थन करता है)

और हाँ, आप एक ही जवाब भी यहाँ पा सकते हैं: Difference between the javascript/jQuery events "focus" and "focusin"?

संबंधित मुद्दे