on मेथड

on मेथड एलिमेंट को इवेंट हैंडलर जोड़ने की अनुमति देता है। हैंडलर को हटाने के लिए off मेथड का उपयोग किया जा सकता है, ताकि इवेंट केवल एक बार ट्रिगर हो, और फिर हैंडलर स्वयं हट जाए - one मेथड का उपयोग करें। जिन एलिमेंट्स को हम हैंडलर बाइंड करते हैं उन्हें on के कॉल के समय मौजूद होना चाहिए।

सिंटैक्स

इस तरह हम एलिमेंट को इवेंट हैंडलर जोड़ते हैं, पहले पैरामीटर के रूप में स्ट्रिंग के रूप में पास किया जाता है एक या अधिक इवेंट्स स्पेस से अलग किए गए, दूसरे पैरामीटर के रूप में हम अतिरिक्त फ़िल्टरिंग सेलेक्टर एलिमेंट के अंदर डिसेंडेंट्स पास करते हैं, तीसरे - अतिरिक्त डेटा, जो हैंडलर में प्रॉपर्टी में पास होता है event.data इवेंट ट्रिगर होने पर। दूसरा और तीसरा पैरामीटर ऑप्शनल हैं। चौथे के रूप में हम फ़ंक्शन-हैंडलर पास करते हैं, जिसमें इवेंट ऑब्जेक्ट और ऑप्शनल अतिरिक्त पैरामीटर पास होते हैं। यदि फ़ंक्शन-हैंडलर के बजाय false पास किया जाता है, तो फ़ंक्शन केवल false रिटर्न करेगा:

$(selector).on(events, [selector], [data], function-handler(event object, [additional parameters]));

on मेथड का दूसरे तरीके से उपयोग किया जा सकता है, तब पहले पैरामीटर में पास होता है जावास्क्रिप्ट ऑब्जेक्ट, जहां कुंजियाँ - इवेंट प्रकार, और मान - फ़ंक्शन-हैंडलर्स, जो कॉल होते हैं इवेंट्स के लिए:

$(selector).on({'event type': handler}, [selector], [data]);

यदि हम अतिरिक्त सेलेक्टर पास नहीं करते हैं, तो इवेंट उस एलिमेंट पर ट्रिगर होता है, जिसे हम हैंडलर अटैच करते हैं, अन्यथा - डिसेंडेंट एलिमेंट पर, जो इस सेलेक्टर से मेल खाता है (डेलिगेटेड इवेंट्स)। एक ही इवेंट हैंडलर हो सकता है एलिमेंट से कई बार बाउंड।

उदाहरण

आइए alert में, #test वाले पैराग्राफ का टेक्स्ट दिखाएं उस पर क्लिक करने पर, अन्य पैराग्राफ पर क्लिक करने से कुछ नहीं होगा:

<p>text1</p>
<p id="test">text2</p>
<p>text3</p>

$('#test').on('click', function() {
	alert( $(this).text() );
});

उदाहरण

आइए पैराग्राफ पर क्लिक करने पर वह डेटा दिखाएं, जो हमने on मेथड में पास किया था। हम फ़ंक्शन-हैंडलर testFunc का उपयोग करेंगे, जिसे हमने बनाया था:

<p>click</p>

function testFunc(event) {
	alert(event.data.text);
}

$('p').on('click', {text: 'aaa'}, testFunc);

यह भी देखें

off मेथड,
जो एलिमेंट से इवेंट हैंडलर हटाने की अनुमति देता है
one मेथड,
जो इवेंट को एक बार ट्रिगर होने की अनुमति देता है, और फिर स्वचालित रूप से हैंडलर को हटा देता है
event ऑब्जेक्ट,
जिसमें इवेंट के बारे में जानकारी होती है
trigger मेथड,
जो किसी एलिमेंट से बाउंड सभी इवेंट हैंडलर्स को चलाने की अनुमति देता है, किसी दिए गए प्रकार के इवेंट्स के लिए
जावास्क्रिप्ट मेथड bind,
जो फ़ंक्शन को कॉन्टेक्स्ट बाइंड करने की अनुमति देता है