經(jīng)常遇到場景：多層級元素綁定ng-click 事件，則底層元素的點擊事件存在冒泡現(xiàn)象，怎么解決？
類似原生JS ,只是語法稍有不同，如下：

阻止冒泡 $event.stopPropagation()

阻止默認行為 $event.preventDefault()

代碼實例--tab切換

// html 行內(nèi)阻止 <div ng-click="parentTab(1,$event)">父盒子點擊<div class="sw_active" ng-click="ratioTab(1,$event);$event.stopPropagation();">tab1</div><div ng-click="ratioTab(2,$event);$event.stopPropagation();">tab2</div><div ng-click="ratioTab(3,$event);$event.stopPropagation();">tab3</div></div></div> // Js 方法內(nèi)阻止 $scope.ratioTab(num,$event){$event.stopPropagation();//阻止冒泡$event.preventDefault();// 阻止默認行為 //your coding }

轉(zhuǎn)載于:https://www.cnblogs.com/yaohe/p/11132286.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的angular 点击事件阻止冒泡及默认行为的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。