js阻止时间冒泡事件——event.stopPropagation()

1. 作用:不再派发事件。

2. 语法:

html代码:

<div class="oreder-cont" ng-click="Orderdetails()">
    ......
    <div class="oreder-amt"  ng-click="cancelCar($event)" >
          <span class="fz12">取消</span>
    </div>
</div>

js代码:

//如不处理,将会先后执行cancel(),orderdetails()事件
//添加了stopProPagation()事件之后,只执行cancel()事件,不再执行外围事件
event.stopPropagation()

3. 说明:

终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。

该方法将停止事件的传播,阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意,虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用,但是它可以阻止把事件分派到其他节点。

原文地址:https://www.cnblogs.com/xyyt/p/6856483.html