JavaScript 自定义事件、触发事件

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()构造函数创建并初始化事件

• 创建并初始化事件（支持冒泡且不能被取消的look事件）。
  var ev = new Event("look", {"bubbles":true, "cancelable":false});
• 设置事件监听.(e.target 即监听事件目标元素)
  myDiv.addEventListener('ev', (e) =>{}, false);
• 触发事件。（派发自定义事件给指定的target&#