js事件冒泡

当进行事件触发时（eg：onclick），事件会往自身上面传递。
即：当一个动作触发多个事件时（点击box的动作，会触发box绑定的onclick事件，也会触发document上的onclick事件），此时会触发两个事件。
阻止冒泡，即可只触发box上的一个事件。（e.cancelBubble = true；）
具体事例
1.实现目标：一个按钮，点击后会出现一个列表。
选择列表中一个时，列表不消失。
点击其他时，列表消失。
2.

<div id="box">    <p id="p">点我</p>    <ul id="ul">        <li>菜鸟在路上</li>        <li>灰灰</li>        <li>-C</li>        <li>黑胡椒</li>        <li>可乐</li>        <li>xiaoleung</li>        <li>永无止境</li>    </ul></div>

box.onclick=function (e) {        e=e||window.event;        ul.style.display = "block";        e.cancelBubble = true;//阻止冒泡，使列表不消失    }document.onclick=function () {        ul.style.display = "none"    }