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

ईवेंट कैप्चरिंग - यह इवेंट बबलिंग का उल्टा है और यहां इवेंट पैरेंट एलिमेंट से शुरू होता है और फिर उसके चाइल्ड एलिमेंट तक।

जावास्क्रिप्ट में इवेंट बबलिंग बनाम इवेंट कैप्चरिंग के लिए कोड निम्नलिखित है -

उदाहरण

<शीर्षक>दस्तावेज़<शैली> बॉडी { फॉन्ट-फ़ैमिली:"सेगो यूआई", ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } .result {फ़ॉन्ट-आकार:18पीएक्स; फ़ॉन्ट-वजन:500; रंग:नीला बैंगनी; } .बाहरी { प्रदर्शन:इनलाइन-ब्लॉक; चौड़ाई:400px; ऊंचाई:200px; फ़ॉन्ट-आकार:20px; पृष्ठभूमि-रंग:चार्टरेस; } .भीतरी {चौड़ाई:200px; ऊंचाई:100 पीएक्स; फ़ॉन्ट-आकार:20px; पृष्ठभूमि-रंग:नीला बैंगनी; पाठ-संरेखण:केंद्र; मार्जिन:20px; } .tags { प्रदर्शन:इनलाइन-ब्लॉक; चौड़ाई:400px; फोंट की मोटाई:बोल्ड; फ़ॉन्ट-आकार:18px; }
इवेंट बबलिंग बनाम इवेंट कैप्चरिंग
OUTER
INNER

 
OUTER
INNER


बबलिंग
कैप्चर करना

 
आउटपुट
 

 
 

 इवेंट बबलिंग वाले इनर डिव पर क्लिक करने पर -
 

 
 

 इवेंट कैप्चरिंग वाले इनर डिव पर क्लिक करने पर -