तत्व के बच्चों के संक्रमण समाप्त होने पर ट्रांज़िशनेंड ईवेंट क्यों चलाया जा सकता है?

Question

मैंने transitionend ईवेंट div1 पर बाध्य किया। जब div1 का संक्रमण समाप्त हो गया, तो ईवेंट चला गया। वहां कोई समस्या नहीं है।

मैं जब प्रत्येक अनुच्छेद के संक्रमण समाप्त हो गया है, इस div1 करने के लिए 3 पैराग्राफ कहा, div1 के transitionend घटना भी भाग गया:

मैं एक विशेष मामले का सामना करना पड़ा। तो transitionend घटना 4 बार दौड़ गई। >। <

div1 के transitionend घटना के श्रोता समारोह के शरीर में, मैं देख सकता हूँ कि event.target! == this। मुझे लगता है कि यह बहुत हास्यास्पद है!

क्रोम और फ़ायरफ़ॉक्स दोनों में यह समस्या है। तो मुझे लगता है कि यह ब्राउज़र का HTML5 spec कार्यान्वयन बग नहीं है।

क्या कोई यह समझा सकता है कि तत्व के transitionend ईवेंट को इस तत्व के बच्चों के तत्व द्वारा ट्रिगर क्यों किया जा सकता है?

धन्यवाद।

Answer 1

इसे इवेंट बबलिंग कहा जाता है। बच्चे के तत्व पर होने वाली कई घटनाएं, डिफ़ॉल्ट रूप से ईवेंट ऑब्जेक्टर को मूल ऑब्जेक्ट पर कॉल करने के बाद माता-पिता के माध्यम से बुलबुला कर देती हैं। event ऑब्जेक्ट की जांच करके आपने या तो बबलिंग का पता लगाया है या आप ऑब्जेक्ट ऑब्जेक्ट पर ईवेंट को संभालने पर प्रचार को रोककर बुलबुले को रोक सकते हैं।

प्रचार रोकना उन चीजों में से एक है जो आईई बनाम अन्य ब्राउज़रों में अलग है। अन्य ब्राउज़रों में, आप कहते हैं:

event.stopPropagation() 

आईई में IE9 से पहले:

window.event.cancelBubble = true;