javascript - how addEventListener influences the onclick property of DOM element? -


<पूर्व> element.onclick = function () {alert (1); } चेतावनी (element.onclick);

उपरोक्त कोड आउटपुट फ़ंक्शन () {चेतावनी (1); }

फिर मैं निम्न कोड निष्पादित कर रहा हूं:

  element.addEventListener ('क्लिक', फ़ंक्शन () {चेतावनी (2 ); }, असत्य); चेतावनी (element.onclick);   

आउटपुट अभी भी है फ़ंक्शन () {चेतावनी (1); }

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

इसलिए, मुझे क्या जानना है, जब addEventListener निष्पादित करते हुए, कैसे onclick संपत्ति बदल गई है?

आपके उत्तर की ओर अग्रसर है।

OnClick एक DOM स्तर 0 संपत्ति है। AddEventListener DOM स्तर 2 परिभाषा का हिस्सा है। AddEventListener विधि के माध्यम से ईवेंट हैंडलर को जोड़ने से तत्व पर OnClick प्रॉपर्टी नहीं बदली जाती है, बल्कि यह तत्व पर ईवेंट श्रोताओं के संग्रह में श्रोता को जोड़ती है। आप DOM Level 2 ईवेंट के बारे में अधिक जानकारी प्राप्त कर सकते हैं। यहां पर एक अच्छा लेख भी है।

Comments

Popular posts from this blog

qt - switch/case statement in C++ with a QString type -

python - sqlite3.OperationalError: near "REFERENCES": syntax error - foreign key creating -

Python's equivalent for Ruby's define_method? -