非常奇怪的iframe事件行为

Question

3

这个问题让我完全困惑了。因为它是在浏览器扩展中，所以我不能发布我的代码。

问题显然是iframe内的鼠标事件（悬停在链接上、在文本上、选择…）偏离了大约200px，这包括右键单击，如此屏幕截图所示：

红点是实际鼠标点击位置。再次说明，由于这是一个扩展（实际上我在Tampermonkey中执行JS部分，这样更容易），我不能在其他浏览器中尝试它，所以可能只在Chrome中出现。

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

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

有什么想法吗？

- A.M.K

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- A.M.K · Accepted Answer

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

编辑：它又回来了，原来问题在于我使用了-webkit-transform：scale（）来显示和隐藏帧，并带有过渡效果，删除这个可以解决问题。

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