कैसे addEventListener DOM तत्व की ऑनक्लिक संपत्ति को प्रभावित करता है?

Question

element.onclick = function() { alert(1); } 

alert(element.onclick); 

उपरोक्त कोड फ़ंक्शन() {अलर्ट (1); }

तो मैं निम्नलिखित कोड निष्पादित करने के लिए जारी:

element.addEventListener('click', function() { alert(2); }, false); 
alert(element.onclick); 

उत्पादन अभी भी समारोह है() {चेतावनी (1); }

वास्तव में जब अब तत्व पर क्लिक करके, कोड addEventListener ('क्लिक', function() {चेतावनी (2);}, झूठी); काम करता है, यह नया समारोह चेतावनी (2)onclick इस तत्व की संपत्ति में लिखा है मतलब है। लेकिन आउटपुट अभी भी अपरिवर्तित क्यों है?

तो, जब addEventListener, कैसे onclick संपत्ति बदल क्रियान्वित क्या मैं जानना चाहता हूँ है?

आपके उत्तर के लिए तत्पर हैं।

Answer 1

ऑनक्लिक एक डोम स्तर 0 संपत्ति है। AddEventListener डोम लेवल 2 परिभाषा का हिस्सा है। AddEventListener विधि के माध्यम से इवेंट हैंडलर जोड़ना तत्व पर ऑनक्लिक प्रॉपर्टी को नहीं बदलता है, बल्कि यह श्रोता को तत्व श्रोताओं के संग्रह में तत्व में जोड़ता है। आप http://www.w3.org/TR/DOM-Level-2-Events/events.html पर डीओएम स्तर 2 घटनाओं के बारे में अधिक जानकारी प्राप्त कर सकते हैं। http://en.wikipedia.org/wiki/DOM_events पर भी एक अच्छा लेख है।

Answer 2

"ऑनफू" विशेषताएँ ईवेंट हैंडलर प्रबंधन प्रणाली से स्वतंत्र हैं जो "addEventListener()" के माध्यम से उपयोग की जाती है। एक या दूसरे का उपयोग करना सबसे अच्छा है, दोनों नहीं, और सही विकल्प अधिक लचीला और अनियंत्रित "addEventListener()" (जहां उपलब्ध है) है।