JS---DOM---总结绑定事件的区别

总结绑定事件的区别:

addeventlistener();

attachevent()

 

相同点: 都可以为元素绑定事件

不同点:

1.方法名不一样

2.参数个数不一样addeventlistener三个参数,attachevent两个参数

3.addeventlistener 谷歌,火狐,ie11支持,ie8不支持

   attachevent 谷歌火狐不支持,ie11不支持,ie8支持

 

4.this不同, addeventlistener 中的this是当前绑定事件的对象

   attachevent中的this是window

    //为按钮绑定多个点击事件

    my$("btn").addeventlistener("click", function () {
      console.log(this);
    }, false);

    my$("btn").attachevent("onclick", function () {
      console.log(this);
    });

 

5.addeventlistener中事件的类型(事件的名字)没有on

   attachevent中的事件的类型(事件的名字)有on