js自定义事件

废话不多说看代码，一目了然

注意：监听一定要在触发之前，不然监听无效

<div id="444" >自定义事件</div>

var dom = document.getElementById('444');
	
//监听事件
document.addEventListener('myEvent', function (event) {
  console.log("事件被触发了： "+event)
}, true);
		 
// 创建
var evt = document.createEvent("HTMLEvents");

// 初始化
evt.initEvent("myEvent", false, false);
 
// 触发
dom.dispatchEvent(evt);

initEvent(eventName, canBubble, preventDefault)支持三个参数：
分别表示：
事件名称
是否可以冒泡
是否阻止事件的默认操作

dispatchEvent()
dispatchEvent()就是触发执行了

addEventListener
element.addEventListener(event, function, useCapture)
useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。
true： 事件句柄在捕获阶段执行
false： 默认值。事件句柄在冒泡阶段执行

使用Event

// 直接自定义事