JQuery中阻止事件冒泡幾種方式及其區別介紹_jquery

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

創新互聯建站-專業網站定制、快速模板網站建設、高性價比臨夏州網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式臨夏州網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋臨夏州地區。費用合理售后完善，10余年實體公司更值得信賴。

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

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

jquery的冒泡事件

JQuery 提供了三種方式來阻止事件冒泡。方式一：event.stopPropagation()；方式二：event.preventDefault()；方式三：return false；區別：event.stopPropagation() 只阻止事件往上冒泡，不阻止事件本身。

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

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

jQuery如何阻止事件冒泡

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

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

3、冒泡事件就是點擊子節點，事件會向上傳遞，最后觸發父節點，祖先節點的點擊事件。

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

5、首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery，編寫問題基礎代碼。

新聞標題：jquery捕捉冒泡 js中的事件冒泡和事件捕獲
當前路徑：http://vcdvsql.cn/article29/dgejech.html

成都網站建設公司_創新互聯，為您提供定制網站、軟件開發、網站建設、定制開發、響應式網站、網站內鏈

廣告

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