Javascript：如何启用stopPropagation？

Question

使用 object.stopPropagation() 我可以停止事件冒泡，但如何重新启用它？

js中有没有像object.startPropagation这样的预定义函数？

编辑：

问题是，JS 会记住您是否单击“对象”，而不是始终停止事件冒泡，即使我不想要它，所以我想停止它：

document.getElementById("object").onclick = function(e){
    if(e && e.stopPropagation) {
        e.stopPropagation();
    } else {
          e = window.event;
          e.cancelBubble = true;
    }
}

Answer 1

它根本不记得这个值。每次触发 onclick 时，e 事件都是新的。问题是你总是取消事件冒泡：

if(foo) {
    e.stopPropagation();
} else {
    e.cancelBubble = true;
}

• e.stopPropagation是W3C方法
  防止事件冒泡。
• e.cancelBubble 是 Microsoft
  防止事件冒泡的方法。

他们都是一样的。所以你每次都会取消事件的冒泡。更多内容请阅读此处。

您需要更改方法，以便仅在满足您的条件时取消冒泡：

document.getElementById("object").onclick = function(e) {

    if(e && e.stopPropagation && someCriteriaToStopBubbling === true) 
    {
        e.stopPropagation();
    } 
    else if (someCriteriaToStopBubbling === true)
    {
          e = window.event;
          e.cancelBubble = true;
    }
}

更新：
请记住，在当前代码中，如果浏览器支持 stopPropagation，则 if (e && e.stopPropagation) 将始终为 true。如果它进入cancelBubble 的第二个大括号，它将不会记住最后设置的值。请参阅这个小提琴。

基本上，总而言之，在您的代码中，您每次点击后都会取消传播。您必须在函数中放入一些条件来确定是否取消元素层次结构中的传播。