<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>事件解绑removeEventListener</title>
<!--
解绑方式:对象、事件类型、事件句柄等参数相同即可解绑
ele.removeEventListener("a",b);为ele节点解绑事件a
tips:
句柄一定要是同一个,将句柄赋值给变量是最好的方法,就算是相同的句柄放在不同事件里也不完全相等
句柄为函数名时,不用加括号
-->
</head>
<body>
<button id="btn">点击</button>
<script>
var btn=document.getElementById("btn");
var DOM2=function (){//也可以直接写函数名:function DOM2{alert("弹框")}
alert("弹框");
}
btn.addEventListener("click",DOM2);//绑定事件;直接调用函数名时,不用加括号
btn.removeEventListener("click",DOM2);//解绑事件;直接调用函数名时,不用加括号
</script>
</body>
</html>