今天整理筆記,發現在學習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...