div嵌套div ,点击子级div不触发父级div点击事件
来源:互联网 发布:zz高达知乎 编辑:程序博客网 时间:2024/05/20 16:41
情况如下:
<div class="footfixed" style="cursor:pointer" onclick="toAdvertDetail('${appPath}home/showNewsDetail?newsId=4');" >
<div class="close" onClick="event.cancelBubble = true"></div>
</div>
<!-- 底部悬浮end -->
外层的div有一个点击跳转事件,按钮div也是一个点击事件用来隐藏整个div,产生的问题是,点击了关闭按钮了同事会触发父级div的跳转事件,
解决方法: 在子级div上增加一个事件 onClick="event.cancelBubble = true",这样就可以只触发自身的点击事件了
0 0
- div嵌套div ,点击子级div不触发父级div点击事件
- 点击父div, 触发子div
- 两个重叠的div,点击内div而不触发外div的点击事件
- JQuery实现(阻止事件冒泡,不触发父级标签点击事件)点击div里面的a的能触发点击事件,但是不触发外面的div的点击事件
- JQuery实现点击div里面的元素能触发点击事件,但是不触发外面的div的点击事件
- outclick 点击div外部触发事件
- 点击div区域之外,触发事件
- DIV 包括另外一个DIV 点击里面的DIV不能触发外面的DIV事件
- 解决 父层div和子层div点击事件冲突 (冒泡触发的小方法)
- 多个div对应同一个点击事件时,确定触发点击事件的div的方法
- IE点击子div,父div不获取焦点问题的解决办法(一)
- IE点击子div,父div不获取焦点问题的解决办法(二)
- div的鼠标点击事件
- html.div禁用点击事件
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 解决/阻止 div层内的div层点击事件冒泡触发的小方法
- LINUX 命令一 帮助命令 解压命令 文件命令 安装命令
- tableView手势冲突的解决方案
- C#调用C++编写的DLL函数各种参数传递问题
- Android OnTouchEvent和OnClick、OnLongClick、OnTouch、TouchDelegate关系
- 径向基函数(RBF)
- div嵌套div ,点击子级div不触发父级div点击事件
- 安装OpenCV:OpenCV 2.4.8或OpenCV 2.4.9 +VS 开发环境配置
- LINUX
- 【Dongle】【Java】基础(六)之常用类——String
- JAVA中去掉空格
- 把商品添加到购物车的动画效果(贝塞尔曲线)
- 谢娜一直被称为“闰土老婆”的原因,这就真相了
- ASP .NET导出word
- 五类IP地址范围及作用