如何使用 onclick() 函数或类似函数检测 iframe 上的点击？答案

【问题标题】：How to detect a click on a iframe, with a onclick() function or similar?如何使用 onclick() 函数或类似函数检测 iframe 上的点击？
【发布时间】：2023-03-23 06:02:01
【问题描述】：

我正在尝试检测对 iframe 元素的点击，我一直在搜索分析器，但找不到任何分析器。在下面的代码中，您可以看到按钮在使用 oneclick() 时有效，但 iframe 无效。

<iframe onclick="starttime()" src="https://player.vimeo.com/video/527719365" width="50%" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<button onclick="starttime()">Agenda tu llamada</button>
<p id="demo" style="visibility:hidden;">Hello World</p>

<script>
    function starttime(){
      document.getElementById("demo").style.visibility = 'visible';
    }
</script>

【问题讨论】：

这个答案可能会有所帮助：stackoverflow.com/q/15080222/383904 PS 不要使用 on* 属性，就像您希望不要使用 style 属性一样。 JS 应该都在你的script 中。请改用 addEventListener()。

标签： javascript html function iframe onclick

【解决方案1】：

您可以将 addEventListener 用作事件处理程序。通过以下方式： iframe.document.addEventListener('click', function(event) {clic(this.id);}, false);

但是，我建议您使用更好的方法来访问您的框架（我只能假设您正在使用 DOM0 方式通过它们的名称访问框架窗口 - 这只是为了向后兼容而保留）：

document.getElementById("myFrame").contentDocument.addEventListener(...);

【讨论】：