1.首先創建一個自定義事件對象
var event = document.createEvent("CustomEvent");
注意
關鍵字: ”customEvent”必須這么寫。
createEvent與createElement一樣,都是document對象的一個方法
2.然后初始化事件對象
event.initCustomEvent(“事件名稱”,是否冒泡,可否阻止默認行為,其它數據);
注意:
事件名稱:這是最關鍵的一個參數。與click,mouseDown,keyUp一樣,都是用來識別這個事件的。所以,要給它取個好名字。
3.派發事件對象
dom對象.dispatchEvent(event);
注意:
這一句是我們人為地,主動地派發這個事件。對比一下系統的事件,如click事件。
你需不需要主動去派發這個事件?我們不需要去處理系統提供的事件,一旦有click,則寫在click上的監聽函數就會自動執行。它沒有派發這個動作。
4.定義監聽test事件的處理程序
dom對象.addEventListener(“事件名稱”, function(e){});
前三步才是創建并派發事件。最后一步是監聽事件。
對于系統的事件(如click),它是不需要前三步的。只要監聽就可以了。
eg: ? ? ? ??
監聽事件: ?
模擬trigger函數: ? ? ? ? ? ? ? ?