[jQuery]在 iFrame 中查找点击

【问题标题】：[jQuery]Find click inside an iFrame[jQuery]在 iFrame 中查找点击
【发布时间】：2012-02-17 20:53:37
【问题描述】：

我有一个带有 iframe 的页面。

<div id="my_content">
  <iframe id="my_iframe" src="http://mysite.com/iframe.html">
</div>

我需要拦截 iframe 内的点击。我已经尝试过使用此代码，但它不起作用：

<script type="text/javascript">


jQuery(document).ready(function(){
 jQuery('#my_iframe').click(function(){ 
  alert('click inside iframe');
 });
});

【问题讨论】：

我认为 jQuery 代码应该在 iframe 中。然后尝试在 iframe 容器上触发一些东西。
您搜索过它吗？好像有很多回复。喜欢这个：stackoverflow.com/questions/6452502/…

标签： jquery iframe

【解决方案1】：

假设iframe源和外页在同一个域，可以使用contents method：

.contents() 方法也可用于获取 iframe 的内容文档，如果 iframe 与主页位于同一域中。

jQuery(document).ready(function(){
  jQuery('#my_iframe').contents().click(function(){ 
    alert('click inside iframe');
  });
});

【讨论】：

非常非常有用！但请记住，这段代码的 sn-p 必须放在之后
@atif，上面的代码可以放在包含iframe的页面中的任何位置——它不需要直接在它之后。
好吧，如果我把它放在页面的标题中，它就不起作用。此外，它需要我刷新一次页面才能使其正常工作，所以我添加了 jQuery(window).load 而不是 document.ready
@atif，抱歉。在我之前的评论中，我指的是页面正文中包含 iframe 的任何地方。
它对我也不起作用。