## 阻止冒泡 ``` /*阻止冒泡*/ function stopBubble(e) { //如果提供了事件對象，則這是一個非IE瀏覽器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否則，我們需要使用IE的方式來取消事件冒泡 window.event.cancelBubble = true; } ``` ***** ***** ## 阻止瀏覽器的默認行為 ``` /*阻止瀏覽器的默認行為*/ function stopDefault(e) { //阻止默認瀏覽器動作(W3C) if ( e && e.preventDefault ) e.preventDefault(); //IE中阻止函數器默認動作的方式 else window.event.returnValue = false; return false; } ``` ***** ***** ## 事件委托 ``` /*javascript事件委托*/ document.getElementById("parent-list").addEventListener ("click",function(e) { if(e.target && e.target.nodeName == "LI") { console.log(e.target); // 找到目標，輸出ID! console.log("current click li, id :"+e.target.id); } }); ````