阻止子div js事件冒泡

最新推荐文章于 2024-06-09 00:06:15 发布

Las_wang

最新推荐文章于 2024-06-09 00:06:15 发布

阅读量775

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_38576764/article/details/104410530

版权

JS 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

    $('.account-list').on('click', '.account-btn', function (e) {
        e.stopPropagation();
		......
    })

这样就好了，父div的事件不会覆盖div了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Las_wang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js基础知识（三十二）--事件的冒泡及div跟随鼠标移动小练习

weixin_47928499的博客

08-16

498

事件的冒泡及div跟随鼠标移动小练习

解决/阻止 div层内的div层点击事件冒泡触发的小方法

最新发布

weixin_66196770的博客

06-09

400

我的想法💡：点击内层的div我要执行自己内层div的change事件，但是不要触发外层div的点击事件。解决办法：一行代码搞定 onClick="event.cancelBubble = true"inactive-text="公开"active-text="隐私"情景：两个div是嵌套关系，大的div包住小的div。简单百度了下，发现是由于事件冒泡原因导致的。

javascript事件冒泡

weixin_47591145的博客

11-27

191

事件冒泡就是指事件的向上传导，当其后代事件被触发时，其祖先也会被触发 var box = document.getElementById("box") var box1 = document.getElementById("box1") box.onclick = function(event){ event = event || window.event alert("这是father") } box1.onclick = function(event){ event =

在点击div中的p时，如何阻止事件冒泡

08-31

为了解决这个问题，我们可以使用JavaScript提供的方法来阻止事件冒泡。最初尝试的方法是在`show()`函数中添加了一个`cancelBubble(e)`函数，但这种方法在某些情况下可能会导致错误。正确的解决方案是将阻止事件冒泡...

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

10-26

在处理事件时，有时我们需要阻止默认行为或者防止事件冒泡，以确保事件按照我们的预期执行。本篇将详细介绍`event.preventDefault()`和`event.stopPropagation()`的用法，并提供示例。 1. **阻止默认事件**：当一...

JavaScript 事件冒泡简介及应用

12-10

为了更好地控制事件冒泡，开发者可以使用`event.stopPropagation()`方法来阻止事件继续向上冒泡，或者使用`event.stopImmediatePropagation()`防止其他在同一元素上注册的事件处理程序被执行。这些技巧在处理复杂...

zepto.js中tap事件阻止冒泡的实现方法

10-24

总结来说，zepto.js中虽然tap事件不支持直接阻止冒泡，但是我们可以通过事件委托的方式，在document级别处理tap事件，然后通过判断事件的目标元素来间接实现阻止冒泡的效果。这样做可以在不改变tap事件特性的前提下...

JS——事件冒泡与阻止事件冒泡

Bonsoir777的博客

08-25

3772

本文主要介绍JS中有关事件流的相关知识点

阻止事件冒泡和浏览器的默认行为

weixin_33995481的博客

12-27

107

在浏览器中经常会遇到的两个麻烦，下面提供两个函数解决方式做参考，并提供一个demo让你更直观地了解我所说的这两个麻烦。 <script language="javascript"> /*--------------------------- 功能:停止事件冒泡 ----------------------...

div嵌套点击事件,div嵌套点击阻止冒泡

讓之的博客

08-22

7543

页面中嵌套的两个div都存在点击事件，当点击内部div阻止外部div点击事件的发生；需要注意的一点，在实际的页面中可能中间有多层嵌套关系，像下图，在div1和div2中间可能还会有几层嵌套关系，这就不一定非要在要点击的子元素div2上加监听事件，可以再往上取一级或多级，只要在条件的div1元素下就可以，具体因需要而定。方式1： //1.正常的情况下使用 $("#div2").cli.........

点击里面div或外面div的事件冒泡问题

wujingj的博客

05-16

2977

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div style="width: 400px;height: 400px;background-color: #678678;font:3em bold;&

【工作笔记】点击div中的内部元素，防止事件冒泡

戴璟昊的博客

10-16

2869

工作中遇到的一个需求，点击外部div跳转页面，点击div中的某个内部元素，跳转到另一个页面，之前没有处理过这种问题，上网查找了一些资料了解到，这里面涉及到事件的冒泡机制。

js 冒泡事件与解决冒泡事件

web前端开发

11-19

1029

事件冒泡 ：当一个元素接收到事件的时候会把他接收到的事件传给自己的父级，一直到window 。代码：<div id="div1"> <div id=...

事件捕获和事件冒泡

m0_63219422的博客

04-27

575

在介绍这两个流程时，首先要了解一下js很重要的概念：事件流。

如何阻止div中的子div触发div的事件

weixin_30703911的博客

09-26

177

<div class="sideFrame" v-on:click="hideside"> <div class="sideFrameDiv" v-on:click.stop="test"> </div> </div> <script> hideside:function(){ ...

理解JavaScript中的事件冒泡与阻止冒泡

本文主要探讨了JavaScript中的冒泡事件，通过一个具体的div弹窗事件示例，解释了事件冒泡的原理，并展示了如何通过`event.stopPropagation()`方法来阻止事件冒泡，以及`event.preventDefault()`方法防止默认行为的...