AngularJS阻止事件冒泡$event.stopPropagation()

前端之家收集整理的这篇文章主要介绍了AngularJS阻止事件冒泡$event.stopPropagation()前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、在AngularJs中阻止事件冒泡方式

  <span ng-click="func();$event.stopPropagation();"></span>

或者
<button class="button button-balanced" ng-click="show($event);">加载</button>

 $scope.show = function ($event) {
                //显示加载
                $ionicLoading.show();
                $event.stopPropagation();
            }


在Angular中已经对一些ng事件如ngClick,ngBlur,ngCopy,ngCut,ngDblclick…中加入了一个变量叫做$event.

在上边代码我们可以得到两个信息:

  1. Angular支持的event: click dblclick mousedown mouseup mouSEOver mouSEOut mousemove mouseenter mouseleave keydown keyup keypress submit focus blur copy cut paste
  2. Angular在执行事件函数时候传入了一个名叫$event的常量,该常量即代表当前event对象,如果你在Angular之前引入了jQuery那么这就是jQuery的event.


更多:

Angular 1.6提示$http.get(...).success is not a function

AngularJS路由之ui-router(三)大小写处理

AngularJS动画(二)

猜你在找的Angularjs相关文章