原生JS-----------ADDEVENTLISTENER添加事件和直接添加事件区别

原生JS-----------ADDEVENTLISTENER添加事件和直接添加事件区别
1.

a. document.querySelector("#a").onclick=function() {console.log("11111")}

b. document.querySelector("#a").onclick=function(){console.log("222")}

结果： 222

其中a和b对同一个dom对象都绑定了同样的事件结果只执行最后绑定的那个事件。

结果：11111 222

如果使用addEventListener对同一个对象绑定相同的事件的话a和b都会执行，在使用这个js api时需要注意绑定的事件跟jquery一样，onclick去掉on直接写click，onmouseover写mouseover。