js事件解绑

1.解绑事件的使用方法:
在这里插入图片描述
2.具体应用
代码如下:

<!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>事件解绑</title>
</head>
<body>
    <button id="btn2">DOM2级事件绑定方式</button>
    <script>
        var Dom2 = function(){
            alert('DOM2级事件绑定方式');
        }

        var btn2 = document.getElementById("btn2");
        btn2.addEventListener('click',Dom2,false);
        
        //事件解绑
        btn2.removeEventListener('click',Dom2);
    </script>
</body>
</html>

如果在定义事件时使用内部函数(也就是没有方法名称的),解绑将会失败。所以,事件解绑成功的主要原因就是:保持addEventListener和removeEventListener里面的参数一致。

发布了263 篇原创文章 · 获赞 23 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_41998938/article/details/97136811
今日推荐