jQuery阻止冒泡和HTML默認(rèn)操作
2:在當(dāng)今的各個(gè)瀏覽器中都支持事件的冒泡,所謂的冒泡可以這樣理解:
事件:現(xiàn)在我們都在這兩個(gè)元素上綁定相同的事件,比如click事件。
結(jié)果:這時(shí),當(dāng)我們點(diǎn)擊內(nèi)層的P標(biāo)簽的時(shí)候,內(nèi)層元素的click事件觸發(fā),同時(shí)外層DIV的click事件也會(huì)觸發(fā)。
3:在HTML中有的元素被定義了一些默認(rèn)的屬性,比如說(shuō)A元素,這個(gè)元素就是我們平時(shí)使用的超鏈接標(biāo)簽,這個(gè)標(biāo)簽的默認(rèn)屬性是實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)。
4:在jQuery的每一個(gè)事件中都會(huì)有一個(gè)默認(rèn)的對(duì)象作為該事件的參數(shù)(但是必須顯示地被指定),這個(gè)對(duì)象就是event對(duì)象,它包含了一些屬性和方法,用于不同的場(chǎng)合。如下:
$('p:first').click(function(event){
//event對(duì)象可以使用了
});
5:有時(shí)我們不希望冒泡或默認(rèn)的事件發(fā)生,這樣就需要一些jQuery的的方法阻止冒泡和默認(rèn)的事件了。可以通過(guò)以下三種方法做到不同程度的阻止。
A:return false --->In event handler ,prevents default behavior and event bubbing 。
return false 在事件的處理中,可以阻止默認(rèn)事件和冒泡事件。
B:event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。
event.preventDefault()在事件的處理中,可以阻止默認(rèn)事件但是允許冒泡事件的發(fā)生。
C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).
event.stopPropagation()在事件的處理中,可以阻止冒泡但是允許默認(rèn)事件的發(fā)生。
代碼如:
$('.menu li').click(function(){
$(this).find('ul').toggle();
return false;//去掉試試效果
})
- jQuery控制DIV層實(shí)現(xiàn)由大到小,由遠(yuǎn)及近動(dòng)畫(huà)變化效果
- jQuery實(shí)現(xiàn)單擊彈出Div層窗口效果(可關(guān)閉可拖動(dòng))
- jQuery實(shí)現(xiàn)DIV層收縮展開(kāi)的方法
- jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)Div層背景變顏色的方法
- jQuery實(shí)現(xiàn)DIV層淡入淡出拖動(dòng)特效的方法
- jquery鼠標(biāo)放上去顯示懸浮層即彈出定位的div層
- jQuery div層的放大與縮小簡(jiǎn)單實(shí)現(xiàn)代碼
- 基于jquery的模態(tài)div層彈出效果
- jQuery中阻止冒泡事件的方法介紹
- js阻止冒泡及jquery阻止事件冒泡示例介紹
- jquery阻止冒泡事件使用模擬事件
- jQuery實(shí)現(xiàn)點(diǎn)擊某個(gè)div打開(kāi)層,點(diǎn)擊其他div關(guān)閉層實(shí)例分析(阻止冒泡)
相關(guān)文章
jQuery基礎(chǔ)的工廠函數(shù)以及定時(shí)器的經(jīng)典實(shí)例分析
下面小編就為大家?guī)?lái)一篇jQuery基礎(chǔ)的工廠函數(shù)以及定時(shí)器的經(jīng)典實(shí)例分析。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在2016-05-05
jquery按回車(chē)鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery按回車(chē)鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery插件MovingBoxes實(shí)現(xiàn)左右滑動(dòng)中間放大圖片效果
本篇文章主要介紹jQuery中MovingBoxes左右滑動(dòng)放大圖片插件示例,實(shí)現(xiàn)左右滑動(dòng)和放大效果,有興趣的可以了解一下。2017-02-02
jquery對(duì)所有input type=text的控件賦值實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery對(duì)所有input type=text的控件賦值實(shí)現(xiàn)方法。小編覺(jué)的挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
通過(guò)jquery 獲取URL參數(shù)并進(jìn)行轉(zhuǎn)碼
本節(jié)主要介紹了通過(guò)jquery 獲取URL參數(shù)并進(jìn)行轉(zhuǎn)碼,需要的朋友可以參考下2014-08-08
formvalidator驗(yàn)證插件中有關(guān)ajax驗(yàn)證問(wèn)題
jquery formvalidator插件是不錯(cuò)的國(guó)產(chǎn)驗(yàn)證插件了,做點(diǎn)普通的校驗(yàn)也是很方便的,但最近遇到個(gè)問(wèn)題,發(fā)現(xiàn)如果表單整個(gè)表單是AJAX提交時(shí),就不能按傳統(tǒng)的做法了2013-01-01
jQuery對(duì)象和Javascript對(duì)象之間轉(zhuǎn)換的實(shí)例代碼
jQuery對(duì)象和Javascript對(duì)象之間轉(zhuǎn)換的實(shí)例代碼,需要的朋友可以參考一下2013-03-03
jQuery點(diǎn)擊后一組圖片左右滑動(dòng)的實(shí)現(xiàn)代碼
主要是用作圖片展示的時(shí)候需要,點(diǎn)擊后一組圖片左右滑動(dòng),需要的朋友可以參考下2012-08-08

