<!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>