DOM—addEventListener() & removeEventListener()

转载于 2016-04-30 22:25:00 发布 · 76 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/feile/p/5449593.html

本文介绍了如何使用addEventListener()方法为HTML元素添加事件监听器，并演示了如何通过removeEventListener()方法移除事件监听器。通过示例代码展示了如何为同一个事件类型添加多个监听器而不被覆盖。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DOM EventListener：
方法：
addEventListener()：用于向指定元素添加事件句柄
removeEventListener()：移除方法添加的事件句柄

<body>
    <button id="btn">按钮</button>
    <script>
        //放在button标签后面，放在前面，无法获取标签
        var x = document.getElementById("btn");
        x.addEventListener("click", hello);//添加句柄
        x.addEventListener("click", world);//为事件添加多个句柄，不会被覆盖
        x.removeEventListener("click", hello);//移除句柄
        function hello() {
            alert("Hello");
        }
        function world() {
            alert("World");
        }
    </script>
</body>