首頁 > web前端 > js教程 > jQuery如何防止這種冒泡事件發生_jquery

jQuery如何防止這種冒泡事件發生_jquery

WBOY
發布: 2016-05-16 16:12:41
原創
1361 人瀏覽過

冒泡事件就是點擊子節點,事件會向上傳遞,最後觸發父節點,祖先節點的點擊事件。

html程式碼部分:

複製程式碼 程式碼如下:


   

        外層div元素
        內層span元素
        外層div元素
   

   


jQuery程式碼如下:

複製程式碼 程式碼如下:


當點擊span時,會觸發div與body 的點擊事件。點擊div時會觸發body的點擊事件。

如何防止這種冒泡事件發生呢?修改如下:

複製程式碼 程式碼如下:


        有時候點選提交按鈕會有一些預設事件。例如跳到別的介面。但是如果沒有通過驗證,就不應該跳轉。這時候可以透過設定event.preventDefault(); 來阻止預設行為。以下是案例:

複製程式碼 程式碼如下:


html部分:

複製程式碼 程式碼如下:


   

    使用者名稱:

   
   

   


還有一個防止預設行為的方法就是return false。效果一樣。程式碼如下:

複製程式碼 程式碼如下:


同理,上面的冒泡事件也可以透過return false來處理。

複製程式碼 程式碼如下:


jQuery對DOM的事件觸發具有冒泡特性。有時利用這項特性可以減少重複程式碼,但有時候我們又不希望事件冒泡。這時候就要阻止 jQuery.Event冒泡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板