जावास्क्रिप्ट में ईवेंट कैप्चरिंग
ईवेंट बबलिंग के अलावा कैप्चरिंग भी होती है। वास्तव में, ईवेंट पहले ऊपर से नीचे की ओर जाता है (कैप्चरिंग चरण), हमारे तत्व तक पहुँचता है (लक्ष्य चरण) और उसके बाद ही बबलिंग शुरू होती है (बबलिंग चरण)।
कैप्चरिंग चरण को ध्यान में रखते हुए ईवेंट हैंडलर
जोड़ने के लिए, addEventListener
में एक तीसरा वैकल्पिक पैरामीटर होता है। यदि
यह true है - तो ईवेंट
कैप्चरिंग चरण पर ट्रिगर होगा, और यदि false
है - तो बबलिंग चरण पर (यह डिफ़ॉल्ट है)।
आइए एक उदाहरण देखें:
elem1.addEventListener('click', function() {
console.log('हरा - कैप्चरिंग');
}, true);
elem1.addEventListener('click', function() {
console.log('हरा - बबलिंग');
}, false);
elem2.addEventListener('click', function() {
console.log('नीला - कैप्चरिंग');
}, true);
elem2.addEventListener('click', function() {
console.log('नीला - बबलिंग');
}, false);
elem3.addEventListener('click', function() {
console.log('लाल - कैप्चरिंग');
}, true);
elem3.addEventListener('click', function() {
console.log('लाल - बबलिंग');
}, false);
आप जाँच कर सकते हैं:
