阻止事件冒泡stopPropagation()的多种写法

背景：有时候，在项目中，打开弹框，滑动遮罩，遮罩下面的内容也会跟着一起滑动，造成事件穿透的现象。可以通过$event.stopPropagation()阻止事件冒泡。

方法一：元素上加上

<div ng-click="change();$event.stopPropagation();">111</div>

方法二：事件内添加

<div ng-click="change($event)">111</div>
$scope.change(e){
    e.stopPropagation();
}

但是有时会报错：TypeError:Cannot read property 'stopPropagation' of undefined.

正确写法是：

$scope.stopEvent = function(){
    window.event.stopPropagation();
}

参考博客：阻止向上冒泡stopPropagation()，另一种写法  https://blog.csdn.net/weixin_43923673/article/details/88016635