码迷,mamicode.com
首页 > 其他好文 > 详细

事件解绑removeEventListener

时间:2019-12-28 21:15:23      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:cal   对象   pat   htm   round   fun   html   function   同事   

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

标签:cal   对象   pat   htm   round   fun   html   function   同事   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!