CustomEvent

这是一个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>