这是一个DOM4的事件,可以让自定义事件能沿着树 DOM树冒泡,也可以调用事件对象的一些API,当然现在只有stopPropagation,stopImmediatePropagation有效。
window.onload = function(){ var a = document.getElementById("aaa") var b = document.getElementById("bbb") var c = document.getElementById("ccc") a.addEventListener("cat", function(e) { console.log(e.xxx) }) b.addEventListener("cat", function(e) { console.log(e.detail) ;e.stopPropagation(); }) c.addEventListener("cat", function(e) { console.log(e.detail) }) var event = document.createEvent( "CustomEvent"); event.initCustomEvent( "cat", false,true,1 );//false 改成true看看 event.xxx = { aa:"11" } a.dispatchEvent(event); }
下面是HTML结构 :
<div id="ccc" > <div id="bbb" > <div id="aaa" > AAA </div> </div> </div>