美文网首页
addEventListener和attachEvent区别

addEventListener和attachEvent区别

作者: 雪萌萌萌 | 来源:发表于2017-03-17 21:46 被阅读0次

添加事件有三种方式,一种是直接添加,第二种是用addEventListener,第三种是用attachEvent的方式

直接添加

oDiv1.onclick=function(){
alert(1);
}
oDiv1.onclick=function(){
alert(2);
}

优点,所有浏览器都支持
缺点,下面的会将上面的方法覆盖
用attachevent和addEventListner添加事件不会被覆盖,但是有兼容性问题

oDiv1.addEventListener('click',function(){
alert(1);
});

1.this指向window
2.不用写on
3.ie不支持
4.有三个参数,第三个参数 useCapture用来确定是事件冒泡( useCapture false),还是事件捕获(useCapture false)
5.从上向下执行

oDiv1.attachEvent("onclick",function(){
alert(1);
})

1.this指向正常
2.写on
3.ie支持
4.有两个参数,ie下不支持事件捕获
5.从下向上执行

相关文章

网友评论

      本文标题:addEventListener和attachEvent区别

      本文链接:https://www.haomeiwen.com/subject/mquynttx.html