JS解除事件绑定

最新推荐文章于 2024-09-11 11:04:37 发布

陈广晗-Clare

最新推荐文章于 2024-09-11 11:04:37 发布

阅读量2k

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/chenguanghan123/article/details/88421868

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

很简单的都在代码里面了直接上代码吧

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="JavaScript.js"></script>
</head>
<body>
    <input type="button" value="狗子" id="btn" />
    <input type="button" value="狗子2" id="btn2" />
    <script>
        /**解绑事件
         * 用什么方式绑定事件，就要用什么方式解绑事件
         * 第一种方式
         * 对象.on事件名=事件处理函数--------绑定事件
         * 对象.on事件名=null--------解除绑定
         */ 
        my$("btn").onclick = function () {
            console.log("猥琐狗");
        };
        my$("btn2").onclick = function () {
            my$("btn").onclick = null;
        };
        /**解绑事件
         * 第二种方式
         * 对象.addEventListener("没有on的事件类型", 命名函数, false)--------绑定事件
         * 对象..removeEventListener("没有on的事件类型", 命名函数, false)--------解除绑定
         */
        //绑定事件
        //命名函数
        function f1() {
            console.log("第一个")
        };
        //命名函数
        function f2() {
            console.log("第二个")
        }
        my$("btn").addEventListener("click", f1, false)
        my$("btn").addEventListener("click", f2, false)
        //解除绑定
        my$("btn2").onclick = function () {
            //该方法解绑事件的时候，需要在绑定事件的时候使用命名函数
            my$("btn").removeEventListener("click", f1, false);
        };

    </script>

</body>
</html>