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;
好了，博主所知只有这些，后续如果知道更多，我会及时更新。
扫一扫
2537
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
