1. 自定义事件的基本步骤

创建事件.

var event = document.createEvent('Event');

初始化事件【参数：事件类型、事件是否在DOM中冒泡、是否可以用 preventDefault() 方法取消默认事件】

event.initEvent('click', true, false);

设置事件监听.(e.target 即监听事件目标元素)

elem.addEventListener('click', (e) =>{}, false);

触发事件监听

elem.dispatchEvent(event);

createEvent() 和 initEvent() 这两个方法已从Web标准中删除，虽然仍有些浏览器在支持它们。建议使用Event()构造函数提替代它们。

2. 通过Event()构造函数创建并初始化事件

var ev = new Event("look", {"bubbles":true, "cancelable":false});设置事件监听.(e.target 即监听事件目标元素)

myDiv.addEventListener('ev', (e) =>{}, false);触发事件。（派发自定义事件给指定的target）。

myDiv.dispatchEvent(ev);

Event(eventName, eventInit) 的参数1是事件名称。 参数2是可选的，有以下3个可选属性。