JavaScript事件清除

最新推荐文章于 2024-08-17 18:59:35 发布

zhuhai__yizhi

最新推荐文章于 2024-08-17 18:59:35 发布

阅读量936

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/zhuhai__yizhi/article/details/45872591

版权

JavaScript学习专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<head>
<script type="text/javascript">
  function f1() {
            alert("input click");
        }

        function f2() {
            alert("div click");
        }

        function delevent() {
            // 清除事件
            // removeEventListener(类型，处理，事件流)
            // 1具体参数与addEventListener一致
            // 2事件处理，如果是匿名函数，不能清除
            var input = document.getElementsByTagName("input")[0];
            input.removeEventListener('click', f1, false);
        }

        $(function () {

            var dv = document.getElementsByTagName("div")[0];
            var input = document.getElementsByTagName("input")[0];
            dv.addEventListener('click', f2, false); // 第三个参数表示冒泡方式
            input.addEventListener('click', f1, false);

        });

    </script>
</head>
<body>

<div style="width: 200px;height: 300px;background-color: pink"><input type="text" /></div>
<input type="button" id="username" value="清除事件" οnclick="delevent()"/>
</body>