javascript - jquery：如何防止内部 div 中的单击事件

Question

我使用 JavaScript 选项（不是 iframe）在我的网页中嵌入了 MS Excel WebApp 文档。我想阻止用户单击单元格并以这种方式选择它们（至少对于某些列）。

但是，当我创建一个在外部 Excel div 中捕获单击的 jquery 函数时，没有任何反应，因为 Excel 表的某些单元格的某些内部 div 捕获了它。问题是，我无法更改（删除点击功能）嵌入 Excel 文档的内容，因为它是自动生成的。

所以问题是：如何在不改变内部 div 内容的情况下优先考虑外部 div 点击功能并防止在内部 div 上触发点击事件？

谢谢

Answer 1

您是否尝试过使用event.stopImmediatePropagation()？我在这里设置了一个快速小提琴。

jQuery 文档：

Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.