web dispatchEvent 自定义触发事件

原文链接: 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对象，支持一个参数，表示事件类型，具体见下表：

<

参数	事件接口	初始化方法