2016 - 2024

感恩一路有你

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

浏览量:1429 时间:2021-03-14 07:17:46 作者:admin

JS如何阻止事件冒泡?

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

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

1。事件.停止播放()

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

<script type=“text/JavaScript”>

$(function(){

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

})

<script>

2。Return false

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

<script Type=“text/JavaScript”>

$(函数(){

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

]return false

})

<script>

如何阻止Js冒泡事件?

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。