jQuery之防止冒泡事件



冒泡事件就是點選子節點，會向上觸發父節點，祖先節點的點選事件。

下面是html代碼部分：

對應的jquery代碼如下：

當點選span時，會觸發div與body 的點選事件。點選div時會觸發body的點選事件。

如何防止這種冒泡事件發生呢？

修改如下：

event.stoppropagation(); // 阻止事件冒泡

有時候點選送出按鈕會有一些預設事件。比如跳轉到别的界面。但是如果沒有通過驗證的話，就不應該跳轉。這時候可以通過設定event.preventdefault(); //阻止預設行為 ( 表單送出 )。

下面是案例：

html部分：

還有一種防止預設行為的方法就是return false。效果一樣。

代碼如下：

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