[jQuery]在iFrame中查找单击

Question

我有一个包含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');
 });
});

Answer 1

假设iframe源与外部页面在同一个域中，您可以使用contents method：

  

如果iframe与主页位于同一个域，则.contents（）方法也可用于获取iframe的内容文档。

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