首页 > 其他 > 详细

事件解绑removeEventListener

时间:2019-12-28 20:39:57      阅读:75      评论:0      收藏:0      [点我收藏+]
<!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>

事件解绑removeEventListener

原文:https://www.cnblogs.com/vinson-blog/p/12112789.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!