CustomEvent()

https://www.jianshu.com/p/71bb3cf19095 http://jsbin.com/cabikow/1/edit?html,js,console,output

// 在 myElement 增加一個監聽 userLogin 事件的監聽器
myElement.addEventListener("userLogin", function(e) {
    // 聽到後印出 `e` 事件內容
    console.info("Event is: ", e);
    // 聽到後 印出 e.的細節
    console.info("Custom data is: ", e.detail);
})

// 首先创建一个事件
// 我的事件 = 名叫 userLogin, 
// 他接收一個參數 {username: "davidwalsh"}
let myEvent = new CustomEvent("userLogin", {
    detail: {
        username: "davidwalsh"
    }
});

// 在 myElement 触发它！
myElement.dispatchEvent(myEvent);

CustomEvent()

event = new CustomEvent(typeArg, customEventInit);

• typeArg：一個 DOMString 用來表示事件名稱。
• DOMString 就是 String
  • 它是一個 DOM "介面" 字串 e.g. http
  • customEventInit：是一個 CustomEventInit 辭典，具有以下字段：
    • detail 可選選項，預設是 null，類型為 any，
    • 即與事件關聯的事件相關值

Event()

• Event() constructor 能用來建立一個事件 。