近日遇到attachEvent与addEventListener两个事件,哟,果断研究一下~~
先普及一下基本知识:
attachEvent与addEventListener的作用:为某一事件附加其它的处理事件。
网上普遍都是说attachEvent用于非Mozilla系列,addEventListener用于Mozilla系列。
(Mozilla系列在浏览器而言,即指火狐浏览器,本人认为也可以指支持w3c标准的系列浏览器)
理论上是这么说,还是得自己动手试一试!
结合查阅资料写了以下代码进行测试:
attachEvent与addEventListener区别
运行结果注释在了上面代码中。(只测试了主流浏览器:IE7-11、firefox、chrome、opera、safari)
总结起来就是:
attachEvent——兼容:IE7、IE8;不兼容firefox、chrome、IE9、IE10、IE11、safari、opera
addEventListener——兼容:firefox、chrome、IE、safari、opera;不兼容IE7、IE8
由此也可以看出,从IE9开始,很多JS也已经按照W3c的标准;其他主流浏览器也在向W3c标准看齐。