传统注册方式
利用on开头的事件,比如onclick
特点:注册事件的唯一性
同一个元素同一个事件只能设置一个性能函数,最后注册的处理函数将会覆盖前面注册的处理函数
方法监听注册方式
w3c标准推荐方式
addEventListner()他是一个方法
兼容:ie9之前不支持,可以用attachEvent()代替
特点:同一个元素同一个事件可以注册多个监听器
案列:
btn.addEventListener('click',fn)
function fn(){
alert(12)
}
//监听事件里面的方法不需要小括号
传统的事件解绑:
document.οnclick=null;
方法监听移除注册事件:
document.removeEventListener();
btn.addEventListener('click',fn)
function fn(){
alert(12)
}
//监听事件里面的方法不需要小括号
btn.removeEventListener('click',fn)