本文共 605 字，大约阅读时间需要 2 分钟。

对于$.car-style绑定的点击事件，在callback函数内部调用event.stopPropagation();即可有效阻止事件冒泡。这种方法在jQuery事件处理中是一个常见的操作。以下是具体实现代码：

$(".car-style").click(function() {    $(".operate-mask-outer").show();});

当页面上存在多个拦车点或需要同时处理的事件时，使用stopPropagation可以避免事件传递到子元素。例如，点击黄色禁停站时，避免事件传递到$(".operate-mask-outer")。

$("#operateMask").click(function() {    $(".operate-mask-outer").hide();});

在处理某些特定元素的点击时，为了防止事件继续trigger到父元素，可以通过stopPropagation方法阻止。至于stopover-station类绑定的点击事件，可以通过以下方式实现阻止冒泡：

$(".stopover-station").click(function(event) {    event.stopPropagation();    // 克服弹出框外部点击触发的事件    // 并继续执行当前绑定的逻辑});

这种方式不仅可以处理窗口顶层，但也适用于内部嵌套的Dom元素。

转载地址：http://xbbvz.baihongyu.com/