什么是事□□□件冒泡?我们在平□□□时的开发□□□过程中,肯定会遇□□□□到在一个html元素包裹□□另一个html元素的情•况,我们在这□□两个元素□□□上都绑定□□□□了事件,如果点击□□里面的元□□□素,那么这个□□□事件会向◥这个对象□□□的父级对□□象传播,从里到外,直至它被◎处理(父级对象□□□所有同类◉事件都将□□被激活),或者它到□□□□达了对象□□□层次的最□□顶层,即document对象(有些浏览□□□器是window)。
怎么阻止了?有三种方法来阻止。
1、.event.stopPropagation();事件处理□□过程中, 则只阻止□□事件往上□□□□冒泡,不阻止事□□件本身,它可以执□□□行了超链▽接的跳转;代码如下□□□□图:

2.event.preventDefault(); 有时候点□□□□击提交按★钮会有一丨些默认事□□□□件。比如跳转□□到别的界□□□□面。但是如果□□□□没有通过□□□验证的话,就不应该□□□□跳转。这时候可□□以通过设□□□置event.preventDefault(),阻止默认□□行为。代码如下◢图:
3.return false;事件处理□□□过程中,不仅阻止□□□□了事件往▽上冒泡,而且阻止□□□□了事件本◤身,它就没有□□□执行了超□□□链接的跳□□转;代码如下□□图: