jQuery: क्या एक ईवेंट श्रोता एक ही ईवेंट के पिछले श्रोता को ओवरराइट करता है?

Question

उदाहरण के लिए, मान लीजिए कि मैं

$(element).on('click', function() {/*Some Stuff*/}); 

कहीं परिभाषित किया गया है, तो बाद में मुझे लगता है कि एक ही क्लिक करें घटना लिए अधिक विशेषताएं शामिल करना चाहते हैं। अगर मैं

$(element).on('click', function() {/*Other Stuff*/}); 

"अन्य सामग्री" "कुछ सामग्री" को ओवरराइट करेगा?

Answer 1

दूसरा श्रोता पहले ओवरराइड नहीं करेगा। jQuery इवेंट हैंडलर को संचयी रूप से जोड़ा जाता है और वे संलग्न किए गए क्रम में निष्पादित होते हैं।

बात यह है कि प्रभाव है कि क्या एक हैंडलर रोकता अन्य चल कैसे समारोह ब्राउज़र की डिफ़ॉल्ट क्लिक हैंडलर रद्द है करता है (यानी कैसे आपको लिंक के यूआरएल निम्नलिखित ब्राउज़र बंद)

आप पारंपरिक विधि का उपयोग करते हैं:

$(element).on('click', function() { 

    /* Some Stuff, do your thing */ 

    return false; 
}); 

उपरोक्त हैंडलर ईवेंट को रोक देगा और अन्य हैंडलरों को प्रचारित करेगा।

लेकिन आप अपने प्रचार या हैंडलर को रोके बिना घटना कार्रवाई को रोकने के कर सकते हैं:

$(element).on('click', function(e) { 

    // prevent the default action at first, just to make it clear :) 
    e.preventDefault(); 

    /* do your thing */ 

    return /* what you want */; 
}); 

यह सुनिश्चित होगा कि डिफ़ॉल्ट क्लिक कार्रवाई नहीं होती है लेकिन घटना अन्य hanlders करने के लिए जारी है। jQuery ईवेंट में कुछ अन्य उपयोगी event propagation methods (उदा। Event.stopPropagation()) हैं जो जानने के लायक हैं।

Answer 2

नहीं, घटनाओं को ओवरराइट नहीं किया गया है, वे ईवेंट हैंडलरों की सूची में शामिल या धक्का दिए गए हैं।

यह observer pattern का एक सामान्य उपयोग है।

या http://api.jquery.com/die/ के साथ .live के मामले में ईवेंट को हटाया जा सकता है।

Answer 3

आपने गलत समझा है; एक और हैंडलर जोड़ना पहले ओवरराइट नहीं करता है।

इस jsFiddle देखें: लिंक पर http://jsfiddle.net/ymuBs/

क्लिक करना कंसोल के लिए "एक" लिखता है। बटन पर क्लिक करने से लिंक पर एक और हैंडलर जोड़ता है। अब लिंक पर क्लिक करने से कंसोल में "एक" और "दो" लिखा जाता है:

Answer 4

नहीं, यह नहीं होगा। on() बस बाइंड की तरह है - यह घटना को $.data("events")

जोड़ता है हालांकि आप off() के माध्यम से सामग्री को स्पष्ट रूप से हटा सकते हैं।

Answer 5

यह पहले से ही उत्तर दिया गया है, लेकिन मैंने सोचा कि मैं जोड़ता हूं कि मैं आमतौर पर इस समस्या को कैसे संबोधित करता हूं जब मैं ऐसी परिस्थिति में हूं जहां मेरे पास एक क्लिक श्रोता डुप्लीकेट हो सकता है।

मैं सिर्फ उपयोगकर्ता क्वेरी और पर तरीकों बंद ...

$ (तत्व)।बंद ('पर क्लिक करें'); // पूर्व में जोड़ी गई क्लिक श्रोता पद्धति पर

$ (तत्व) .on का उपयोग कर ('क्लिक', function() {/ कुछ सामग्री /}) निकालता है; // इसे वापस आ जाता है और केवल एक बार

http://api.jquery.com/off/

.off() विधि ईवेंट हैंडलर्स कि .on साथ जुड़े थे निकाल देता है चलाता है()। अधिक जानकारी के लिए उस पृष्ठ पर प्रतिनिधि और सीधे बाध्य घटनाओं की चर्चा देखें। किसी भी तर्क के साथ कॉलिंग .off() तत्वों से जुड़े सभी हैंडलर को हटा देता है। इवेंट नाम, नामस्थान, चयनकर्ता, या हैंडलर फ़ंक्शन नामों के संयोजन प्रदान करके तत्वों पर विशिष्ट ईवेंट हैंडलर को हटाया जा सकता है। जब एकाधिक फ़िल्टरिंग तर्क दिए जाते हैं, तो प्रदान किए गए सभी तर्क ईवेंट हैंडलर को निकालने के लिए मेल खाते हैं।