DOM事件-自定义事件

最新推荐文章于 2022-05-07 09:45:22 发布

CharlesJoker

最新推荐文章于 2022-05-07 09:45:22 发布

阅读量1.1k

点赞数

分类专栏： DOM 文章标签： DOM自定义事件

本文链接：https://blog.youkuaiyun.com/q535999731/article/details/79643083

版权

DOM 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用Event和CustomEvent API创建并触发浏览器事件。通过Event构造函数创建的事件无法传递参数，而CustomEvent则可以携带详细信息。文章还展示了如何为元素添加事件监听器以及如何分发这些事件。

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

//创建事件, Event是无法传递参数的
var event = new Event('build');
//创建事件, CustomEvent是可以传递参数的
var event = new CustomEvent('build', { detail: elem.dataset.time });

// 监听事件Listen for the event.
elem.addEventListener('build', function (e) { //... }, false);

// 分发/触发事件Dispatch the event.
elem.dispatchEvent(event);