jQuery如何阻止事件冒泡

JQuery 提供了兩種方式來阻止事件冒泡。

渭南網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)2013年開創(chuàng)至今到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

通過一個小例子來解釋 代碼如下： Porschev---Jquery事件冒泡 比如上面這個頁面， 分為三層：divOne是第外層，divTwo中間層，hr_three是最里層； 他們都有各自的click事件，最里層a標(biāo)簽還有href屬性。

冒泡事件就是點擊子節(jié)點，事件會向上傳遞，最后觸發(fā)父節(jié)點，祖先節(jié)點的點擊事件。

事件的傳播是有方向的，當(dāng)點擊一個按鈕時所產(chǎn)生的事件從這個按鈕處開始向上傳播（就像一個水泡從杯底冒上來，這就是之所以叫事件冒泡的原因），但這個事件總是尋找特定的屬性是否有值。

如在一個按鈕是綁定一個”click”事件，那么”click”事件會依次在它的父級元素中被觸發(fā) 。stopPropagation就是阻止目標(biāo)元素的事件冒泡到父級元素。

jQuery事件冒泡及解決辦法

JQuery 提供了兩種方式來阻止事件冒泡。

通過一個小例子來解釋 代碼如下： Porschev---Jquery事件冒泡 比如上面這個頁面， 分為三層：divOne是第外層，divTwo中間層，hr_three是最里層； 他們都有各自的click事件，最里層a標(biāo)簽還有href屬性。

事件的傳播是有方向的，當(dāng)點擊一個按鈕時所產(chǎn)生的事件從這個按鈕處開始向上傳播（就像一個水泡從杯底冒上來，這就是之所以叫事件冒泡的原因），但這個事件總是尋找特定的屬性是否有值。

通過返回false來取消默認(rèn)的行為并阻止事件起泡。jQuery 代碼：(form).bind(submit，function() { return false；} )；通過使用 preventDefault() 方法只取消默認(rèn)的行為。

e.stopPropagation()方法不再派發(fā)事件。終止事件在傳播過程的捕獲、目標(biāo)處理或起泡階段進一步傳播。調(diào)用該方法后，該節(jié)點上處理該事件的處理程序?qū)⒈徽{(diào)用，事件不再被分派到其他節(jié)點。

事件冒泡是什么如何用jquery阻止事件冒泡_jquery

1、通過一個小例子來解釋 代碼如下： Porschev---Jquery事件冒泡 比如上面這個頁面， 分為三層：divOne是第外層，divTwo中間層，hr_three是最里層； 他們都有各自的click事件，最里層a標(biāo)簽還有href屬性。

2、一個事件起泡對應(yīng)觸發(fā)的是上層的同一事件 特殊：如果two設(shè)置成雙擊事件，那么在你單擊two的時候就會起泡觸發(fā)one單擊的事件 （雙擊包含單擊）。

3、通過返回false來取消默認(rèn)的行為并阻止事件起泡。jQuery 代碼：(form).bind(submit，function() { return false；} )；通過使用 preventDefault() 方法只取消默認(rèn)的行為。

jquery事件冒泡的介紹以及如何阻止事件冒泡_jquery

1、通過一個小例子來解釋 代碼如下： Porschev---Jquery事件冒泡 比如上面這個頁面， 分為三層：divOne是第外層，divTwo中間層，hr_three是最里層； 他們都有各自的click事件，最里層a標(biāo)簽還有href屬性。

2、事件的傳播是有方向的，當(dāng)點擊一個按鈕時所產(chǎn)生的事件從這個按鈕處開始向上傳播（就像一個水泡從杯底冒上來，這就是之所以叫事件冒泡的原因），但這個事件總是尋找特定的屬性是否有值。

3、return false 不僅阻止了事件往上冒泡，而且阻止了事件本身。

4、JQuery 提供了兩種方式來阻止事件冒泡。

5、冒泡事件就是點擊子節(jié)點，事件會向上傳遞，最后觸發(fā)父節(jié)點，祖先節(jié)點的點擊事件。

jQuery如何防止這種冒泡事件發(fā)生_jquery

通過一個小例子來解釋 代碼如下： Porschev---Jquery事件冒泡 比如上面這個頁面， 分為三層：divOne是第外層，divTwo中間層，hr_three是最里層； 他們都有各自的click事件，最里層a標(biāo)簽還有href屬性。

JQuery 提供了兩種方式來阻止事件冒泡。

事件的傳播是有方向的，當(dāng)點擊一個按鈕時所產(chǎn)生的事件從這個按鈕處開始向上傳播（就像一個水泡從杯底冒上來，這就是之所以叫事件冒泡的原因），但這個事件總是尋找特定的屬性是否有值。

冒泡事件就是點擊子節(jié)點，事件會向上傳遞，最后觸發(fā)父節(jié)點，祖先節(jié)點的點擊事件。

如在一個按鈕是綁定一個”click”事件，那么”click”事件會依次在它的父級元素中被觸發(fā) 。stopPropagation就是阻止目標(biāo)元素的事件冒泡到父級元素。

當(dāng)前名稱：事件冒泡jquery 事件冒泡,事件捕獲,事件委托順序
標(biāo)題URL：http://www.aaarwkj.com/article10/dipsogo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、動態(tài)網(wǎng)站、商城網(wǎng)站、移動網(wǎng)站建設(shè)、搜索引擎優(yōu)化、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)