javascript - 停止冒泡事件似乎在 Internet Explorer 的谷歌页面上不起作用

Question

我在浏览器扩展中工作。我在谷歌搜索页面的链接旁边放了一些图标。这些图标会触发一些操作，我需要在用户点击后停止气泡事件。在简历中，父级 div 标签不得知道这些图标的点击情况。

下一段代码允许在所有浏览器中停止冒泡事件:

if (event.cancelBubble) {
        event.cancelBubble = true;
}
if (event.returnValue) {
        event.returnValue = false;
}
if (event.stopPropagation) {
        event.stopPropagation();
}
if (event.preventDefault) {
        event.preventDefault();
}

在 Firefox 中运行良好，但在此上下文中不适用于 IE(至少版本 8)。有什么想法吗？

Answer 1

if (event.cancelBubble) {
        event.cancelBubble = true;
}

这没有意义。如果它已经评估为真(在 bool 上下文中)，它只会将其设置为 true。去掉 if 子句(即总是无条件地设置它)；设置一个不存在的值通常不会造成任何伤害(除非你将它设置在一个实现丑陋的宿主对象上)