事件绑定与事件解绑

在js学习过程中，事件的绑定以及解绑是不必可少的。

第一种方式：最开始我们学习的就是

var btn = document.querySelector("button")
btn.onclick=function(){

//填上点击事件触发的效果
}

这种直接绑定形式，解绑也非常的简单。

btn.onclick=null

这个也很好理解，当这个对象的点击事件为null，就自动对该事件进行解绑了。

第二种方式就是通过对象.addEventListener('事件（不带on）',函数)


//函数既可以是匿名函数，也可是显示函数 
function fn() {
            console.log(11);
        }



 btn.addEventListener('click', function () {
            console.log(22);
            console.log(55);
        })

第二种方式对应的解绑

 btn.removeEventListener('click',function () {
            console.log(22);
            console.log(55);
        })

值得注意的是，两种绑定方式并不相通

比如使用直接绑定方式，但是却用removeEventListener移除事件，浏览器就会报错，。

事件绑定与事件解绑

悦读