當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
如何取消JS事件的派发——stopPropagation()
生活随笔
收集整理的這篇文章主要介紹了
如何取消JS事件的派发——stopPropagation()
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用event.stopPropagation();可阻止事件的派發(fā)。
個(gè)人淺顯理解派發(fā)為 本次操作后面所能觸發(fā)的事件將不再觸發(fā)。
說明:
stopPropagation()方法將停止事件的傳播，阻止它被分派到其他 Document 節(jié)點(diǎn)。在事件傳播的任何階段都可以調(diào)用它。注意，雖然該方法不能阻止同一個(gè) Document 節(jié)點(diǎn)上的其他事件句柄被調(diào)用，但是它可以阻止把事件分派到其他節(jié)點(diǎn)。
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body><div ng-app="myApp" ng-controller="myCtrl"><div ng-click="parentClick();"><div>父</div> <Br/><Br/><Br/><Br/> <div ng-click="childClick();"><div>子</div> <Br/><Br/><Br/><Br/><div ng-click="click();">孫</div></div></div> </div><script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) {$scope.parentClick = function(){alert("父")event.stopPropagation();}$scope.childClick = function(){alert("子")}$scope.click = function(){alert("孫")} }); </script> </body> </html>總結(jié)
以上是生活随笔為你收集整理的如何取消JS事件的派发——stopPropagation()的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 深究AngularJS——ng-drag
- 下一篇： gradle idea java ssm