增加或删除事件处理程序

紫微前端

于 2022-07-26 09:12:10 发布

阅读量517

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/125987552

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文探讨了在JavaScript中添加和删除事件处理程序的两种方法：使用不推荐的on属性以及标准的addEventListener方法。addEventListener方法允许更灵活的事件处理，并且需要传入事件名称作为参数。

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

on{eventName}您可以通过属性设置事件处理程序，其中eventName表示事件的名称。例如：

ele.onclick = function() {
    ...
};

// Remove the event handler
delete ele.onclick;

不推荐使用这种方法，因为我们只能为每个事件附加一个处理程序。onclick例如，设置属性将覆盖click事件的任何现有处理程序。

const handler = function() {
    ...
};

// Attach handler to the `click` event
ele.addEventListener('click', handler);

//

了解本专栏