自定義JS事件
阿新 • • 發佈：2019-01-27
一、自定義事件需要以下三個方法：
1.document.createEvent()//建立事件
2.event.initEvent()//初始化事件
3.element.dispatchEvent()//觸發事件
二、方法介紹：
1、createEvent()方法返回新建立的Event物件，支援一個引數，表示事件型別，具體見下表：
| 引數 | 事件介面 | 初始化方法 |
| HTMLEvents | HTMLEvent | initEvent |
| MouseEvents | MouseEvent | |
| UIEvents | UIEvent |
2、initEvent()方法用於初始化通過DocumentEvent介面建立的Event的值。支援三個引數：initEvent(eventName, canBubble, preventDefault).分別表示：事件名稱（String），是否可以冒泡（布林值），是否阻止事件的預設操作（布林值）。
3、dispatchEvent()就是觸發執行了，dom.dispatchEvent(eventObject), 引數eventObject表示事件物件，是createEvent()方法返回的建立的Event物件。
例子：
<body> <button>click</button> <script> let btn = document.querySelector("button"); btn.addEventListener("ycq",function () { alert("clicks"); },false); let event = document.createEvent("MouseEvents"); event.initEvent("ycq",true,true); btn.dispatchEvent(event); </script> </body>
emmmmm 暫時先這麼多吧。