javascript - cancelBubble 和 stopPropagation 有什么区别？

Question

谁能告诉我 cancelBubble 和 stopPropagation 方法在 Javascript 中的用法区别。

Answer 1

cancelBubble 是一个 IE 专用的 bool 属性(不是方法)，与其他浏览器的 stopPropagation() 方法作用相同，即阻止事件从移动到下一个目标(当事件从内部元素移动到外部元素时称为“冒泡”，这是事件在 IE < 9 中移动的唯一方式)。 IE 9 现在支持 stopPropagation() 所以 cancelBubble 最终会过时。同时，以下是一个跨浏览器的函数来停止事件传播:

function stopPropagation(evt) {
    if (typeof evt.stopPropagation == "function") {
        evt.stopPropagation();
    } else {
        evt.cancelBubble = true;
    }
}

在事件处理函数中，您可以按如下方式使用它:

document.getElementById("foo").onclick = function(evt) {
    evt = evt || window.event; // For IE
    stopPropagation(evt);
};