实现CSS停止父级的事件传播

时间:2018-11-06 07:41:01

标签: javascript html angularjs

我从实现CSS中获得以下from skimage import io img = io.imread('file_path') img.shape Out[10]: (602, 602, 3) 内容

collapsible-body

如您所见,此代码可以触发两个函数。 <div class="collapsible-body"> <ul> <!-- li elements for the files --> <li class="hoverthingy" ng-repeat='(key, file) in $ctrl.data.fcsFiles' ng-click='$ctrl.loadFile( $ctrl.data.name, file )'> <a class="waves-effect truncate" href="#!" > <i class="material-icons right action-icon icon-grey" style="margin-right: -18px!important;" ng-click="$ctrl.deleteFile($event, $ctrl.data.name, file);">delete</i> {{ file | trim }} </a> </li> </ul> </div> ,当有人单击loadFile()的正文时,li并单击删除图标。

我意识到,当单击删除图标时,deleteFile()完成后也会触发loadFile()功能。

所以我想做的就是以仅触发deleteFile()的方式来禁用该效果。

到目前为止,我已使用以下javascript代码来停止传播deleteFile()项目的事件点击。

li

但是到目前为止,我还没有成功。

0 个答案:

没有答案