js點擊事件冒泡

當子節點與父節點上均有點擊事件的時候,一般情況下點擊會觸發兩個事件(子節點的點擊事件會向父一級傳遞),有時需要在點擊子節點的時候,中止父節點接下來的行爲。

<div onclick="fun1(event)" >父節點
    <p onclick="fun2(event)">子節點</p>
</div>
var fun1 = function (e) {
    alert("我是父節點點擊事件");
}
var fun2 = function (e) {
    e.stopPropagation();//阻止點擊事件向上冒泡
    alert("我是子點節點擊事件");
}

只需e.stopPropagation()就能阻止事件向上一級冒泡

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章