冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。

下面是html代码部分：

     
          外层div元素    
      内层span元素    外层div元素
     
     

对应的jQuery代码如下：

 

 

当点击span时，会触发div与body 的点击事件。点击div时会触发body的点击事件。

如何防止这种冒泡事件发生呢？

修改如下：

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

 

有时候点击提交按钮会有一些默认事件。比如跳转到别的界面。但是如果没有通过验证的话，就不应该跳转。这时候可以通过设置event.preventDefault(); //阻止默认行为 ( 表单提交 )。

下面是案例：

html部分：

     
      用户名：
      
      
      
     
     

还有一种防止默认行为的方法就是return false。效果一样。

代码如下：

同理，上面的冒泡事件也可以通过return false来处理。