父模块和子模块点击事件(冲突解决方案):
方法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>