AngularJs 阻止冒泡
来源:互联网 发布:淘宝怎样延长收货时间 编辑:程序博客网 时间:2024/06/16 20:22
<div class="hlyw-cf-list box-shadow" ng-repeat="cf in cfdata track by $index" ng-click="showfr(cf)"> <div class="hlye-cf-list-all"> <div class="hlyw-cf-list-left"> <div class="hlyw-cf-list-imgs" ng-if="cf.imgList.length>0" > <div class="hlyw-cf-list-img" ng-repeat="cfimg in cf.imgList track by $index"> <img ng-src="{{cfimg}}" ng-click="previewImage(cfimg,cf); $event.stopPropagation();" class="hlyw-cf-img"> </div> </div> </div> </div>
代码如上,为了使点击图片时不触发外层div的showfr(cf)方法,在图片的点击事件后追加$event.stopPropagation();阻止事件冒泡。
阅读全文
0 0
- AngularJs 阻止冒泡
- angularJS, ng-click阻止冒泡
- 【AngularJS学习】阻止事件冒泡
- AngularJS ng-click stopPropagation(阻止冒泡)
- AngularJS阻止事件冒泡$event.stopPropagation()
- angularjs ng-click 阻止事件冒泡
- 阻止冒泡
- 阻止冒泡
- 阻止冒泡
- js阻止冒泡 jquery阻止冒泡
- Angularjs 阻止默认事件
- VUE冒泡及阻止冒泡
- javascript阻止冒泡事件
- 阻止冒泡事件
- Js 冒泡事件阻止
- jQuery阻止冒泡
- jQuery阻止事件冒泡
- 阻止js事件冒泡
- spring+mybatis 多数据源整合(转)
- 换个格式输出整数
- jsp下引入绝对路径报空指针
- 如何把一个图片不变形的放在更小的div中(适用于移动端)
- QT paintEvent事件
- AngularJs 阻止冒泡
- mybatis
- destoon复制新模块的方法
- /chroot环境搭建
- 位图和矢量图详解
- 页面屏蔽鼠标右键
- Java锁的种类及辨析(二):可重入锁
- 物流链云平台成品仓-wms简介
- LeetCode 算法第四题