是否可以点击IFrame？

Question

所以，我基本上在iframe中有一个按钮，它与屏幕一样大。现在我希望能够点击按钮（在iframe中）并与iframe后面的页面进行交互。 我愿意接受任何建议！

Answer 1

不幸的是，实际上没有办法做到这一点。您可以在iframe上设置pointer-events: none;，但这会阻止您与其进行交互。

根据您的需要，您可以确保iframe只有按钮一样大，没有滚动，没有边框等。如果您需要iframe，这可能是您最好的选择。

理论上，您可以从框架的边缘获取按钮的X / Y坐标，并且如果鼠标在框架上方但在那些坐标之外，则动态设置pointer-events: none;样式，但是......这可能是我写过的最容易出错的事，羞耻羞耻。

您最好的选择是不要这样做，并采取按钮/表单/链接代码并自行托管，或通过其他一些不会将基于部分指针事件的解决方案混合在一起的API访问它。接下来，只需将iframe缩小到与按钮相同的文字大小。