Javascript 将事件从HTML元素冒泡到iframe_Javascript_Html_Css

Javascript 将事件从HTML元素冒泡到iframe

javascript html css

Javascript 将事件从HTML元素冒泡到iframe,javascript,html,css,Javascript,Html,Css,我有一个iframe作为一个大按钮。iframe中的整个内容是一键式目标我想做的是将一些HTML悬停在iframe上，就像在这个例子中一样 <html> <head> <style> iframe { height: 100px; width: 300px; } div { p

我有一个iframe作为一个大按钮。iframe中的整个内容是一键式目标

我想做的是将一些HTML悬停在iframe上，就像在这个例子中一样

<html>
    <head>
        <style>
            iframe {
                height: 100px;
                width: 300px;
            }
            div {
            position: relative;
            }
            a {
                 position: absolute;
                 top: 0;
                left: 0;
            }
        </style>
    </head>
    <body>
        <div id="content">
            <iframe src="frame.html"></iframe>
            <a id="text">Image</a>
        </div>
    </body>
</html>


iframe{
高度：100px；
宽度：300px；
}
div{
位置：相对位置；
}
a{
位置：绝对位置；
排名：0；
左：0；
}

问题是，我希望将锚点气泡中的单击事件向下放入iframe。有什么方法可以做到这一点吗？
绝对定位iframe，使iframe的背景透明，并使其z索引高于文本/其他内容
为什么要使用iframe进行此操作？
这是一个可能的示例，大多数浏览器都试图阻止它。
正如@Zikes提到的，这是一种点击劫持攻击，但现在仍然有可能。您需要做的就是用SVG元素覆盖iframe，并设置pointer events=“none”，这样所有光标事件都将通过SVG元素向下传递到iframe。您可以找到更多的示例和。
有点。。我没有恶意。我需要在iframe中单击来执行xdomain的某些操作。尽管您的意图是好的，但浏览器仍有责任尝试阻止它以及任何不应依赖的规避解决方案（事实上，应该向浏览器供应商报告）。你确定你试图访问的网站上没有API或类似的东西吗？我恰好不同意你的观点。虽然应该避免点击劫持，但我的产品是一个可嵌入的小部件，有人选择将其放在他们的网站上。我尝试这样做的原因是为了本地化，最好是显示一个可翻译的字符串，而不是背景图像（对于字体继承也很好）。因为有人选择使用我的产品，而这个按钮已经存在于iframe中（想想类似facebook的按钮）如果你提供要在iframe中加载的页面，那么你可以通过URL参数提供可定制性。我需要iframe，因为使用iframe的图像上载功能必须是xdomain，并且减去HTML5和文件API，没有可靠的方法来进行xdomain异步上载。这很有效！非常感谢您的回复。现在看看它是否集成到产品中。。。很抱歉没有投票，但我需要一个15人的代表。