[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方法:

如果iframe与主页面在同一个域中,则.contents()方法也可用于获取iframe的内容文档.

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