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