js什么是事件冒泡?(设置事件冒泡,js事件冒泡机制何时有用)

js什么是事件冒泡?

是事件向上传导,当后代元素上的事件被触发时,将会导致其祖先元素上的同类事件也会触发。

创新互联公司网站建设公司,提供成都网站制作、成都做网站,网页设计,建网站,PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,是专业的做网站团队,希望更多企业前来合作!

- js事件的冒泡大部分情况下都是有益的,如果需要取消冒泡,则需要使用事件对象来取消

js阻止事件冒泡的两种方法?

阻止事件冒泡的两种方法分别是使用event.stopPropagation()方法和event.cancelBubble属性。

使用event.stopPropagation()可以在事件处理程序中调用,从而阻止事件继续传播到父元素。而使用event.cancelBubble属性可以设置为true来阻止事件冒泡。这两种方法都可以有效地阻止事件冒泡,让我们可以更精确地控制事件的传播。在编写js代码时,可以根据具体情况选择合适的方法来实现事件冒泡的阻止。

js如何取消事件冒泡?

1、cancelBubble(HTML DOM Event 对象属性) :如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。

2、stopPropagation(HTML DOM Event 对象方法):终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。

3、 preventDefault(HTML DOM Event 对象方法)通知浏览器不要执行与事件关联的默认动作。例子: function stopBubble(e) { if (e && e.stopPropagation) e.stopPropagation() else window.event.cancelBubble=true } 把这个stopBubble(e)函数放到你想要的阻止事件冒泡函数里面就可以阻止事件冒泡了

到此,以上就是小编对于js事件冒泡与事件委托的问题就介绍到这了,希望这3点解答对大家有用。

当前题目:js什么是事件冒泡?(设置事件冒泡,js事件冒泡机制何时有用)
网页网址:http://www.shufengxianlan.com/qtweb/news44/36244.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联