首页 > 常见问答

js什么是事件冒泡 JS如何阻止事件冒泡?

js如何阻止事件冒泡?

javascript禁止冒泡。你可以用这个。stoppropagation()方法,可以完全防止事件冒泡。

如果<p>在<div>中,则<p>有onclick事件,<div>也有onclick事件。为了在不触发父元素的click事件的情况下触发<p>的click事件,需要调用以下函数:函数stopbuble(e){if(e&&振幅停止){//noniee.stoppropagation()}否则{//iewindow.event.cancelbubble=真}}<aonclick=“”>如果要防止触发默认事件,即默认事件,需要调用以下函数:函数stopdefault(e){//blockdefaultbrowseraction(w3c)if(e&;e、preventdefault)e.preventdefault()//ie中阻止默认浏览器操作的方法window.event.returnvalue=false返回false}

1。事件.停止播放()

在事件处理过程中,阻止了事件气泡,但默认行为(

js什么是事件冒泡 JS如何阻止事件冒泡?

<scripttype=“text/javascript”>

$(function(){

$(“#aa”)。单击(函数(事件){事件.停止播放()

})

<script>

2。returnfalse

在事件处理过程中,阻止事件冒泡和默认行为

<scripttype=“text/javascript”>

$(函数(){

$(“#aa”)。单击(函数(事件){

]returnfalse

})

<script>

如何阻止js冒泡事件?

1。cancelbubble(htmldom事件对象属性):如果事件句柄希望阻止事件传播到包含对象,则必须将此属性设置为true。

2.stoppropagation(htmldom事件对象方法):终止事件在传播过程的捕获、目标处理或冒泡阶段进一步传播。调用方法后,将调用处理事件的节点上的处理程序,并且不再将事件分派给其他节点。

3.preventdefault(htmldom事件对象方法)告诉浏览器不要执行与事件相关联的默认操作。示例:函数stopbuble(e){if(e&e.stoppropagation)e.stoppropagation()elsewindow.event.cancelbubble=真}将此stopbuble(e)函数放入要防止事件冒泡的函数中

当您使用相同类型的方法发送父类,但不希望在调用子类方法时,应防止冒泡

js什么是事件冒泡js阻止冒泡和默认行为react阻止事件冒泡

原文标题:js什么是事件冒泡 JS如何阻止事件冒泡?,如若转载,请注明出处:https://www.saibowen.com/wenda/18520.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「赛伯温」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。