當子節點與父節點上均有點擊事件的時候,一般情況下點擊會觸發兩個事件(子節點的點擊事件會向父一級傳遞),有時需要在點擊子節點的時候,中止父節點接下來的行爲。
<div onclick="fun1(event)" >父節點
<p onclick="fun2(event)">子節點</p>
</div>
var fun1 = function (e) {
alert("我是父節點點擊事件");
}
var fun2 = function (e) {
e.stopPropagation();//阻止點擊事件向上冒泡
alert("我是子點節點擊事件");
}
只需e.stopPropagation()就能阻止事件向上一級冒泡