js解除绑定事件

最新推荐文章于 2023-06-29 16:06:57 发布

steamedbread321

最新推荐文章于 2023-06-29 16:06:57 发布

阅读量981

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_44766633/article/details/106897291

版权

JavaScript 专栏收录该内容

46 篇文章 2 订阅

订阅专栏

js解除绑定事件

特别注意事项：addEventListener和attachEvent在结构里面的函数都需要写出来，然后再在结构里面调用函数，这样可以确保两个结构里面的都是同一个函数。如果说把函数体写入结构里面，那么就相当于深度复制，两个函数体完全不是同一个函数体

注意:用什么方式绑定事件,就应该用对应的方式解绑事件
1.解绑事件
对象.on事件名字=事件处理函数—>绑定事件
对象.on事件名字=null/false;
2.解绑事件
对象.addEventListener(“没有on的事件类型”,命名函数,false);—绑定事件
对象.removeEventListener(“没有on的事件类型”,函数名字,false);
3.解绑事件
对象.attachEvent(“on事件类型”,命名函数);—绑定事件
对象.detachEvent(“on事件类型”,函数名字);

举个例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        omnclick解除绑定事件
        // window.onkeydown = function(){
        //     if(event.key==('a'&&'w')){
        //         console.log('ok');
        //     }
        // }
        // window.onkeydown =null;
        addEventListener解除绑定事件
    function test (){
        if(event.key=='a'){
                console.log('q');
            }

    }
        window.addEventListener('keydown',test,false);
        window.removeEventListener('keydown',test,false);
    </script>
</body>
</html>

steamedbread321

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js解除绑定事件

js解除绑定事件特别注意事项：addEventListener和attachEvent在结构里面的函数都需要写出来，然后再在结构里面调用函数，这样可以确保两个结构里面的都是同一个函数。如果说把函数体写入结构里面，那么就相当于深度复制，两个函数体完全不是同一个函数体注意:用什么方式绑定事件,就应该用对应的方式解绑事件1.解绑事件对象.on事件名字=事件处理函数—>绑定事件对象.on事件名字=null/false;2.解绑事件对象.addEventListener(“没有on的事件类型”,
复制链接

扫一扫