addEventListener和attachEvent的区别

1、参数的个数不同 2、方法名不同 3、有on和没有的区别 4、执行过程不同 5、绑定事件的this指向不同 6、浏览器的兼容不同

addEventListener
<!-- 第一个参数:事件类型(事件的名字)==没有on -->
<!-- 第二各参数,事件处理函数:命名函数和匿名函数 -->
<!-- 第三个参数 事件捕获,默认全为false -->
    my$("btn").addEventListener("click",function(){
            console.log("哈哈");
        },false);

        <!-- this是当前的绑定事件对象 -->

        <!-- 谷歌和火狐支持 IE11支持,IE8不支持 -->
attachEvent
<!-- 第一个参数事件类型,必须要有on -->
<!-- 第二个参数:事件处理函数 -->
方法是IE支持
my$("btn").attachEvent("onclick",function(){
    console.log("哈哈");
    });

    <!-- this指向是window -->


    <!-- 谷歌火狐不支持,IE11也不支持,IE8支持 -->

事件绑定和事件解绑

行内事件绑定 (直接删除js代码)
直接获取到btn添加事件( 将onclick后面添加的事件置空就行了)
使用绑定事件的API addEventListener attachEvent
解绑就是removeEventListener detachEvent

原文地址:https://www.cnblogs.com/lml-lml/p/7107724.html