web dispatchEvent 自定义触发事件

最新推荐文章于 2024-02-01 13:11:18 发布

阿豪boy

最新推荐文章于 2024-02-01 13:11:18 发布

阅读量324

点赞数

文章标签： js vue javascript java css

本文链接：https://blog.csdn.net/qq_35516360/article/details/122065618

版权

本文详细介绍了如何在web中使用dispatchEvent触发自定义事件，包括标准浏览器的创建和初始化事件、自定义Event和CustomEvent的使用，以及在IE浏览器下的事件处理。同时，文章还讲解了自定义事件的删除方法。

摘要由CSDN通过智能技术生成

原文链接: web dispatchEvent 自定义触发事件

上一篇: win10 将当前用户设为管理员权限

下一篇: js 上传图片显示到 canvas中并下载 canvas 图片

参考

漫谈js自定义事件、DOM/伪DOM自定义事件

一、element.dispatchEvent()

对于标准浏览器，其提供了可供元素触发自定义事件的方法： element.dispatchEvent() .。
不过，在使用该方法之前，我们还需要做其他两件事，即创建和初始化。

document.createEvent()
event.initEvent()
element.dispatchEvent()
举个例子：

var dom = document.querySelector('#id')
document.addEventListener('alert', function (event) {
  console.log(event)
}, false);
 
// 创建
var evt = document.createEvent("HTMLEvents");
// 初始化
evt.initEvent("alert", false, false);
 
// 触发, 即弹出文字
dom.dispatchEvent(evt);

1、createEvent()

createEvent() 方法返回新创建的Event对象，支持一个参数，表示事件类型，具体见下表：