JS绑定事件的几种办法

js中挂载元素绑定事件，博主所知道的办法有三种，下面来一个一个介绍这三种办法。

第一种：addEventListener绑定代码如下

<body>

<div id="dv"></div>

<script>
    
    var divobj = document.getElementById("dv");
    divobj.addEventListener("click",function () {
        console.log("Hello World!");
    },false)
    
</script>
</body>

这个方法有三个参数，第一个参数是事件的名字，如上面绑定的就是click事件，第二个参数就是事件处理函数，第三个参数默认就写flase就好了，因为这是关于事件捕获和事件冒泡的，暂时不用管。这个方法解绑的方法是removeEventListener。addEventListener这个方法支持的浏览器有谷歌浏览器、IE11浏览器和火狐浏览器，IE8浏览器的绑定事件方法在下面。

第二种：attachEvent绑定事件代码如下

   btnobj.attachEvent("onclick",function () {
        alert("Hello World!");
    })

这个方法只有IE8浏览器支持，还有就是这个方法的解绑方法是：detachEvent这个方法。

第三种
btnobj.onclick = function (ev) {
alert(“Hello World!”);
}

这种方式是不推荐使用的，而这种绑定事件的解绑如下：

btnobj.onclick = null;


好了，博主所知只有这些，后续如果知道更多，我会及时更新。

JS绑定事件的几种办法

JS绑定事件的几种办法

猜你喜欢