在點選div中的p時,如何阻止事件冒泡

2022-10-08 05:27:09 字數 644 閱讀 7094

今天整理筆記,發現在學習j**ascript的過程中,遇到過乙個在當時看來很棘手的問題,現在特地總結一下,也希望能幫助到曾像我一樣迷惘的初學者。

我還是以乙個案例來說明問題,html**如下:

www.cppcns.com"show('a')">

css**如下:

divp

js**如下:

function show(info)

稍微懂點js的人都知道當我點選p時,基於事件冒泡機制,會觸發父元素div的onclick事件,結果是先彈出b、再彈出a。

那麼問題來了,如何修改show()這個函式而只彈出b?我第一次的解決方法是(各位大神勿噴):

function show(e,info)else

} alepzgwqdtrt(info);

}結果老是報錯。我就開始各種百度,最終解決方法如下:

function show(info)

function cancelbubble(e) else

}至於為什麼這樣?我分析的是這樣做有兩個好處:1.阻止了事件冒泡,達到只彈出b目的; 2.將阻止事件冒泡的**封裝成了乙個函式,可以多次呼叫。

好了,問題圓滿解決。

本文標題: 在點選div中的p時,如何阻止事件冒泡

本文位址:

div中的div如何居中

doctype html html head meta charset utf 8 title title style type text css style head body div class father div class son son div div body html 方法一 使用絕...

iframe在div中如何自適應高度

解決方案1 div設定了高度自適應,但是在div裡面插入乙個iframe,用js使iframe獲取到div的高度,但是對iframe不起作用 解決方案2 讓div的高度iframe的高度變化,搜尋出來的結果有時候會很多,讓div隨著iframe的高度變化,框架的高度是多少,我已經給iframe設定了...

當有多個相同的DIV時,我怎麼判斷我點選的是哪個

判斷點選的是哪個divtitle node style head 點我啊div 點我啊div 點我啊div 點我啊div 點我啊div var odiv document.getelementsbyclassname node for var i 0 i odiv.length i i script...