最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

一個小例子解釋如何來阻止Jquery事件冒泡_jquery

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 21:25:24
文檔

一個小例子解釋如何來阻止Jquery事件冒泡_jquery

一個小例子解釋如何來阻止Jquery事件冒泡_jquery:什么是JS事件冒泡? 在一個對象上觸發(fā)某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理程序,那么此事件就會調(diào)用這個處理程序,如果沒有定義此事件處理程序或者事件返回true,那么這個事件會向這個對象的父級對象傳播,從里到外,直至它被處理
推薦度:
導(dǎo)讀一個小例子解釋如何來阻止Jquery事件冒泡_jquery:什么是JS事件冒泡? 在一個對象上觸發(fā)某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理程序,那么此事件就會調(diào)用這個處理程序,如果沒有定義此事件處理程序或者事件返回true,那么這個事件會向這個對象的父級對象傳播,從里到外,直至它被處理

什么是JS事件冒泡?

在一個對象上觸發(fā)某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理程序,那么此事件就會調(diào)用這個處理程序,如果沒有定義此事件處理程序或者事件返回true,那么這個事件會向這個對象的父級對象傳播,從里到外,直至它被處理(父級對象所有同類事件都將被激活),或者它到達(dá)了對象層次的最頂層,即document對象(有些瀏覽器是window)。

如何來阻止Jquery事件冒泡?

通過一個小例子來解釋

 
 
 
Porschev---Jquery 事件冒泡 


比如上面這個頁面,
分為三層:divOne是第外層,divTwo中間層,hr_three是最里層;
他們都有各自的click事件,最里層a標(biāo)簽還有href屬性。

運行頁面,點擊“點擊我”,會依次彈出:我是最里層---->我是中間層---->我是最外層
---->然后再鏈接到百度.

這就是事件冒泡,本來我只點擊ID為hr_three的標(biāo)簽,但是確執(zhí)行了三個alert操作。
事件冒泡過程(以標(biāo)簽ID表示):hr_three----> divTwo----> divOne 。從最里層冒泡到最外層。

如何來阻止?

1.event.stopPropagation();


2.return false;

如果頭部加入的是以下代碼

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

一個小例子解釋如何來阻止Jquery事件冒泡_jquery

一個小例子解釋如何來阻止Jquery事件冒泡_jquery:什么是JS事件冒泡? 在一個對象上觸發(fā)某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理程序,那么此事件就會調(diào)用這個處理程序,如果沒有定義此事件處理程序或者事件返回true,那么這個事件會向這個對象的父級對象傳播,從里到外,直至它被處理
推薦度:
標(biāo)簽: 如何 事件 阻止
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top