## 阻止冒泡 ``` /*阻止冒泡*/ 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); } }); ````