JavaScript事件清除

来源：互联网发布：中科院人工智能考研编辑：程序博客网时间：2024/06/05 18:32

<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="清除事件" onclick="delevent()"/></body>

0 0