美文网首页
阻止事件冒泡到父元素

阻止事件冒泡到父元素

作者: xueyueshuai | 来源:发表于2023-06-26 12:35 被阅读0次
1、event.stopPropagation()方法
event.stopPropagation()方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开。

提示:请使用 event.isPropagationStopped()方法来检查指定的事件上是否调用了该方法。

2、event.preventDefault()方法
取消事件的默认动作。该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。

相关文章

  • stopPropagation和stopImmediatePro

    都可以阻止事件冒泡(子元素向父元素冒泡) stopImmediatePropagation阻止事件冒泡并且阻止相同...

  • v-on修饰符

    1.阻止冒泡事件 .stop 事件冒泡:在结构上存在嵌套的元素,有事件冒泡的功能,自子元素传递(冒泡)到父元素,所...

  • h5阻止事件冒泡

    event.stopPropagation() 方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。在绑定的事...

  • js事件监听 事件冒泡 和css3新增

    事件监听:事件捕获 目标阶段 冒泡阶段 事件冒泡:当使用事件冒泡时,子元素先触发,父级元素后触发。 //阻止事件冒...

  • Vue知识点笔记2

    Vue指令之事件修饰符:.stop 阻止冒泡(写在子元素中阻止其触发父元素事件).prevent 阻止默认事件.c...

  • 多级菜单增删改

    问题1:出现事件冒泡,父级元素的点击事件传递给了子元素。 解决方法:阻止事件冒泡 方法一:function(e){...

  • 阻止 click 事件冒泡到父元素

    jQuery 的 event.stopPropagation() 方法

  • Jqeury 阻止事件冒泡

    Jqeury 阻止事件冒泡 在子元素和父元素上同时绑定相同的事件,在触发子元素事件的同时,事件会冒泡继续往上会触发...

  • 事件冒泡与事件委托

    1.事件冒泡 事件冒泡就是事件从最具体的元素到最模糊的元素递归执行。 阻止事件冒泡:stopPropagation...

  • jQuery中阻止事件冒泡和默认行为

    1.什么是事件冒泡子元素上的事件会传给父元素,传给爷爷元素如何阻止事件冒泡(1)只需要在子元素中加return f...

网友评论

      本文标题:阻止事件冒泡到父元素

      本文链接:https://www.haomeiwen.com/subject/ekowydtx.html