所以,我基本上在 iframe 中有一个按钮,它和屏幕一样大。现在我希望能够单击按钮(在 iframe 中)并与 iframe 后面的页面进行交互。 我愿意接受任何建议!
最佳答案
不幸的是,没有办法做到这一点。您可以在 iframe 上设置 pointer-events: none;
但这会阻止您与之交互。
根据您的需要,您可以确保 iframe 仅与按钮一样大,没有滚动、没有边框等。如果您需要 iframe,这可能是您最好的选择。
从理论上讲,您可以从框架的边缘获取按钮的 X/Y 坐标,并在鼠标悬停在框架上时动态设置 pointer-events: none;
样式,但是在这些坐标之外,但是……这可能是我写过的最容易出错的东西,羞耻羞耻。
总体上最好的选择是不要这样做,并获取按钮/表单/链接代码并自己托管它,或者通过一些其他 API 访问它,这些 API 不会一起破解基于部分指针事件的解决方案。接下来,只需将 iframe 缩小到与按钮相同的文字大小。
关于css - 是否可以通过 IFrame 单击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49310189/