css - 是否可以通过 IFrame 单击?

标签 css html events dom pointer-events

所以,我基本上在 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/

相关文章:

javascript - 切换页面时切换显示回转

html - 不带参数的 View 函数的正确类型注释

html - 具有最高和最低价格的价格栏

c# - 使用 ProcessCmdKey 按住箭头键按下事件

jquery - 点击事件只作用于一个元素?

c# - 确保事件最终发布到消息队列系统的最佳方式

javascript - 无法使 jQuery UI Sortable 正常工作

javascript - jquery mouseover动态p标签扩展

html - 背景图不显示

html - 表单中的 input 元素是否可以采用在输入后在输入框中显示 % 符号的样式?