當前位置：
首頁 >
如何取消JS事件的派发——stopPropagation()
發布時間：2025/3/20
37
豆豆
生活随笔
收集整理的這篇文章主要介紹了
如何取消JS事件的派发——stopPropagation()
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用event.stopPropagation();可阻止事件的派發。
個人淺顯理解派發為 本次操作后面所能觸發的事件將不再觸發。
說明:
stopPropagation()方法將停止事件的傳播，阻止它被分派到其他 Document 節點。在事件傳播的任何階段都可以調用它。注意，雖然該方法不能阻止同一個 Document 節點上的其他事件句柄被調用，但是它可以阻止把事件分派到其他節點。
示例：
<!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>總結
以上是生活随笔為你收集整理的如何取消JS事件的派发——stopPropagation()的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 深究AngularJS——ng-drag
- 下一篇： JSP脚本 9大内置对象