JavaScript--自訂事件Event

標籤：取消   IV   lob   自訂   develop   開發人員   nbsp   patch   function   

在開發過程中，js原生事件不足以滿意開發需求，需要開發人員自訂事件。

一、Event

Event()建構函式建立一個新的Event。

event = new Event（typeArg，eventInit）;

typeArg

  事件名稱。

eventInit

  這是一個對象，包含以下欄位：

• bubbles:(可選）Boolean指示事件是否冒泡。預設是false。

• cancelable:(可選）a Boolean表示是否可以取消該事件。預設是false。

例

var _event = new Event(‘eventName‘, {"bubbles":true, "cancelable":false});//dispatchEvent派發事件document.dispatchEvent(_event);myDom.dispatchEvent(evt);

二、事件邏輯

自訂的事件可以綁定到DOM元素上定義事件處理邏輯，然後通過dispatchEvent派發事件。

例

var _event = new Event(‘look‘, {"bubbles":true, "cancelable":false});        document.addEventListener(‘look‘, function(){        console.log(‘lootEvent_document‘);    });    myDom.addEventListener(‘look‘, function(){        console.log(‘lootEvent_myDom‘);    });    myDom.dispatchEvent(_event);  //lootEvent_myDom lootEvent_document    document.dispatchEvent(_event);  //lootEvent_document

因為我們定義的事件是冒泡的，所以在myDom上觸發look事件會冒泡到document上去。

 

JavaScript--自訂事件Event