原生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对象都绑定了同样的事件结果只执行最后绑定的那个事件。

 

2.


结果:11111     222

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

上一篇:深入理解 awk ‘! a[$0]++’ 去重


下一篇:222---完全二叉树结点的个数 难度:中等