javascript - 非常奇怪的 iframe 事件行为

Question

这个问题把我彻底难住了。由于它位于浏览器扩展程序中，因此我无法发布我的代码。

问题显然是 iframe 内的鼠标事件（悬停在链接上、文本上、选择...）关闭了大约 200 像素，这包括右键单击，如下图所示：

红点是实际的鼠标点击位置。同样，因为这是一个扩展（我实际上是在 Tampermonkey 中做 JS 部分，它更容易）我无法在其他浏览器中尝试它，所以它可能只是 chrome。

iframe 将包含第三方动态加载的内容，因此我不能使用 div 或其他元素。它也被重用并在加载时动态插入。

这也不会在第一次插入内容时发生，而是需要几个“周期”才能出现。

有任何想法吗？

Answer 1

这显然是一个 Chrome 错误，尽管是一个奇怪的错误。我开始遇到其他问题，所以我重新安装了 Chrome 并升级到 Windows 8（我本来打算这样做），这个错误似乎已经消失了。

编辑：它刚刚回来，事实证明问题是我-webkit-transform: scale()用来显示和隐藏带有过渡的框架，删除它可以解决问题。

因此，对于所有在 Chrome/WebKit 中存在 iframe 鼠标事件问题的人：检查所有转换和任何 CSS3 效果，尝试一次删除它们。