addEventListener是否添加或设置？

Question

可以使用addEventListener将多个函数添加到同一目标上的同一事件吗？还是另一个addEventListener替代了先前的设置？我问是因为我想从该站点获取代码，而问题是用addEventListener进行操作是否容易得多，还是类似的解决方案？我知道window.onload = f和addEventListener（“ load”，f）几乎相同，但是不确定这个细节。我需要那个代码吗？问另一种方式：如果可以添加，为什么他们不使用addEventListener？http://webreference.com/programming/javascript/onloads/index-2.htmlfunction addLoadEvent(func) {   var oldonload = window.onload;   if (typeof window.onload != 'function') {     window.onload = func;   } else {     window.onload = function() {       if (oldonload) {         oldonload();       }       func();     }   } }

Answer 1

您可以使用以下任意数量添加特定类型的侦听器addEventListener：

div.addEventListener('click', () => console.log('listener 1'));

div.addEventListener('click', () => console.log('listener 2'));

<div id="div">click me</div>

相反，当您分配给on-事件属性时，如果以前曾对该属性进行过分配，则它将丢失，并且只有分配给它的最后一个将运行：

div.onclick = () => console.log('listener 1');

div.onclick = () => console.log('listener 2');

<div id="div">click me</div>

因此，一般而言，最好使用addEventListener确保脚本不会覆盖另一个侦听器的方式，并确保您的侦听器也不会被覆盖。

问题中的代码很奇怪-是的，应该addEventListener改用它们。