js自定義事件

2021-09-11 22:05:03 字數 1826 閱讀 7843

使用event

let  myevent = new event('event_name');
為了能夠傳遞引數，使用customevent

let mycusevent = new customevent('event_name',


})
customenent的另種寫法

//首先建立自定義事件物件


let event = document.createevent('customevent');


//初始化事件物件


event.initcustomevent(in string type,in boolean canbuble,in boolean cancelable,in any detail);


/* param1:要處理的事件名；


param2:事件是否冒泡


param3:是否可以取消預設行為


param4:細節引數


例如：event.initcustom('test',true,true,);


*/
js的eventlistener是根據事件的名稱來進行監聽的，比如我們在上文中已經建立了乙個名稱為『event_name』 的事件，那麼當某個元素需要監聽它的時候，就需要建立相應的***： 

window.addeventlistener('event_name', function(event));
使用 dispatchevent 去觸發（ie8低版本相容，使用fireevent）： 

if(window.dispatchevent)  else
// 首先需要提前定義好事件，並且註冊相關的eventlistener


/*建立方式一*/


/*var myevent = new event('event_name');*/


/*建立方式二*/


/*var myevent = new customevent('event_name', ,


});*/


/*建立方式三*/


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


myevent.initcustomevent('event_name',true,true,);


window.addeventlistener('event_name', function(event));


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


if(window.dispatchevent) else
但不是所有的瀏覽器都支援，尤其是移動端

//建立


if (!window.customevent) ;


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


e.initcustomevent(type, config.bubbles, config.cancelable, config.detail);


return e;


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


}//觸發


var dispatch = function(event) );


//noinspection jsunresolvedfunction


window.dispatchevent(e);


};


button

js自定義事件

customevent event new customevent typearg,1.用法 定義事件 var event new customevent student 監聽事件 domelement.addevent student function e 觸發事件，同乙個監聽的dom元素，dis...

js自定義事件

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

js 自定義事件

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