解决 父层div和子层div点击事件冲突 (冒泡触发的小方法)
来源:互联网 发布:淘宝外用增大药有用吗 编辑:程序博客网 时间:2024/06/05 04:17
父模块和子模块点击事件(冲突解决方案):
方法1:
<div ng-click="parentClick()">
<div ng-click="childClick($event)"></div>
</div>
JS 代码://父亲点击事件
$scope.parentClick = function () {
}
//孩子点击事件
$scope.childClick = function (event) {
event.stopPropagation();//终止事件冒泡
}
方法2:
<div1>
<div2></div2>
</div1>
div1里有div2,div1单独有个点击事件,div2也有个点击事件,想点击div2的事件不触及div1的事件。
解决方法:在子级div上增加一个事件 onClick="event.cancelBubble = true",这样就可以只触发自身的点击事件了。
例如:
<ion-item class="item-thumbnail-left ContentItem"ui-sref="tabs.goodsDetails">
<img src="img/1.png"/>
<p>春季衬衣春季衬衣</p>
<div class="contentItem_price">¥57</div>
<div onClick="event.cancelBubble = true">
<a class="collect_more icon ion-more collectItemIcon"ng-click="collectionMore()"></a>
</div>
</ion-item>
阅读全文
2 0
- 解决 父层div和子层div点击事件冲突 (冒泡触发的小方法)
- 解决/阻止 div层内的div层点击事件冒泡触发的小方法
- div嵌套div ,点击子级div不触发父级div点击事件
- 点击某个div打开层,点击其他div 关闭层(阻止冒泡)
- 点击父div, 触发子div
- JQuery实现(阻止事件冒泡,不触发父级标签点击事件)点击div里面的a的能触发点击事件,但是不触发外面的div的点击事件
- 多个div对应同一个点击事件时,确定触发点击事件的div的方法
- div父层与子层之间的定位
- 点击 div 弹出层
- div层显示,点击div层外面隐藏层
- 解决object、embed在div层下的方法
- Div层(点击可折叠展开)
- 点击div层之外的其他地方关闭弹出层
- DIV 包括另外一个DIV 点击里面的DIV不能触发外面的DIV事件
- 两个重叠的div,点击内div而不触发外div的点击事件
- jsp 页面点击事件后弹出DIV层代码
- jsp 页面点击事件后弹出DIV层代码
- 实现页面的div小提示层
- BZOJ 4521: [Cqoi2016]手机号码 数位dp
- 软件工程考试题
- Ubuntu14.04下安装jdk1.8+eclipse(JEE版)
- J2EE学习笔记(三)之重定向、转发、超链接及表单提交的区别和路径
- RecyclerView简单实用
- 解决 父层div和子层div点击事件冲突 (冒泡触发的小方法)
- HTML的严格模式和混杂模式
- JSON字符串与JSON对象的区别
- 第一次面试sgw总结
- hdu6103-暴力
- 3361-数据结构实验之图论四:迷宫探索
- retrofit http取消请求
- Vin码识别-车架号识别为APP功能增添亮点
- YUV采样格式与存储格式