1. 程式人生 > >自定義DOM事件函數封裝

自定義DOM事件函數封裝

nts create HA eat 支持 nta 默認事件 AS PE

非原生DOM觸發,個性化定制的自定義事件。

  • currentTarget(DOM對象):要觸發事件的元素節點。
  • type(字符串):觸發的事件類型,例如"keydown"。
  • bubbles(布爾值):表示事件是否應該冒泡。
  • cancelable(布爾值):表示事件是否可以取消。
  • detail(對象):任意值,保存在 event 對象的 detail 屬性中。
 1    function customEvent (currentTarget, type, bubbles, cancelable, detail) {
 2         /* 自定義響應事件 */
 3         //IE9+
4 if (document.implementation.hasFeature("CustomEvents", "3.0")) { 5 bubbles = (bubbles === undefined) ? true : bubbles; // 默認事件冒泡 6 cancelable = (cancelable === undefined) ? true : cancelable; // 默認事件可以取消 7 detail = detail || {}; //這裏可以是事件中包含的信息、數據 8 var
e = document.createEvent("CustomEvent"); 9 e.initCustomEvent(type, bubbles, cancelable, detail); 10 currentTarget.dispatchEvent(e); // 觸發事件 11 } 12 else console.log("該環境不支持自定義事件!"); 13 }

自定義DOM事件函數封裝