OETY欧亿|Home

135-2716-3909
网站建设资讯详细

网页制作□□□□中的Js事件冒泡

发表日期:2026-06-21 09:10:45   作者来源:OETY欧亿   浏览:4246   标签:网页制作    
什么是事□□□件冒泡?我们在平□□□时的开发□□□过程中,肯定会遇□□□□到在一个html元素包裹□□另一个html元素的情•况,我们在这□□两个元素□□□上都绑定□□□□了事件,如果点击□□里面的元□□□素,那么这个□□□事件会向◥这个对象□□□的父级对□□象传播,从里到外,直至它被◎处理(父级对象□□□所有同类◉事件都将□□被激活),或者它到□□□□达了对象□□□层次的最□□顶层,即document对象(有些浏览□□□器是window)。 

怎么阻止了?有三种方法来阻止。

1、.event.stopPropagation();事件处理□□过程中, 则只阻止□□事件往上□□□□冒泡,不阻止事□□件本身,它可以执□□□行了超链▽接的跳转;代码如下□□□□图:

网页制作代码1

2.event.preventDefault(); 有时候点□□□□击提交按★钮会有一丨些默认事□□□□件。比如跳转□□到别的界□□□□面。但是如果□□□□没有通过□□□验证的话,就不应该□□□□跳转。这时候可□□以通过设□□□置event.preventDefault(),阻止默认□□行为。代码如下◢图:

网页制作代码2

3.return false;事件处理□□□过程中,不仅阻止□□□□了事件往▽上冒泡,而且阻止□□□□了事件本◤身,它就没有□□□执行了超□□□链接的跳□□转;代码如下□□图:

网页制作代码3
 
如没特殊注明,文章均为OETY欧亿原创,转载请注明来自https://www.hd-banhen.com/news/4955.html