js自定義事件

2022-02-03 05:07:27 字數 935 閱讀 8235

customevent

event = new

customevent(typearg, );

1. 用法

//

定義事件

var event = new customevent('student',

})//

監聽事件

domelement.addevent('student', function

(e))

//觸發事件,同乙個監聽的dom元素,dispatch乙個event物件

domelement.dispatchevent(event);

或者直接在window物件上觸發

//

隨後在對應的元素上觸發該事件

if(window.dispatchevent)

else

2. 相容性

ie不支援customevent,所幸ie已經快滅絕了

可以使用ie自身的document.createevent來模擬乙個customevent,可達到一樣的效果。

(function

()catch

(e);

var evt = document.createevent('customevent');

evt.initcustomevent(event, params.bubbles, params.cancelable, params.detail);

return

evt;

};customevent.prototype =window.event.prototype;

window.customevent =customevent;

}})();

js自定義事件

使用event let myevent new event event name 為了能夠傳遞引數,使用customevent let mycusevent new customevent event name customenent的另種寫法 首先建立自定義事件物件 let event docum...

js自定義事件

自定義事件的本質,建立乙個物件,然後把事件的名字作為物件的乙個屬性,然後value是乙個,把此事件的所以 都push進去。寫乙個很基本的,沒有把物件暴露出去的js的自定義事件。1 varevent function 3var addevent function type,cb 7return obj...

js 自定義事件

1 由於如果函式名相同的話,後面呼叫的函式會覆蓋前面的函式,如果多人協作開發的話很不方便,所以產生的自定義事件。借鑑繫結事件的特性,可以繫結多個事件,不會產生覆蓋現象。2 自定義事件 使函式具備事件的特性 window.addeventlistener show function false win...