美文网首页
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