javascript - 将 onClick 应用于 Iframe

Question

有什么方法可以用其他元素“封装”一个 Iframe 来模拟 onClick 吗？我知道 Iframe 不支持事件，但我需要跟踪通过 Iframe 从我的网站离开的点击次数。

谢谢!

Answer 1

如果框架包含来自同一域的页面(不违反 same-origin policy )，您可以直接与其文档交互:

<script type="text/javascript">
window.onload = function() {
    var oFrame = document.getElementById("myframe");
    oFrame.contentWindow.document.onclick = function() {
        alert("frame contents clicked");
    };
};
</script>

如果它包含外部页面，那么您就不走运了——出于明显的安全原因，您无法做您想做的事。尽管所有内容在视觉上都是同一页面的一部分，但来自不同域的框架必须在脚本方面保持独立。否则任何页面都可以，例如创建一个隐藏的 iframe 加载您的网络邮件并从中窃取您的 session cookie。用户可以访问所有数据，但页面作者不应访问这些数据。