自定义事件

/*
 *第一种方式,old
 */
var testEvent = document.createEvent("Event");
    testEvent.initEvent("test",true,true);

/*
 *第二种方式
 */
var testEvent = new Event("test");
/*
 *第三种方式,推荐
 */
var testEvent = new CustomEvent("test", {"detail":{"hazcheeseburger":true,"tom":123,"aa":aa}});
function aa(){
    alert("aa");
}
var header=document.querySelector("header");
    header.addEventListener("test",function(e){ 
        e.detail.aa();
    },false);
header.addEventListener("click",function (event) {
    header.dispatchEvent("testEvent");//在此触发
},false);
    原文作者:代码碎片
    原文地址: https://segmentfault.com/a/1190000000694331
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞