[jQuery]Find click inside an iFrame

Question

I have a page with an iframe.

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

I need to intercept the click inside the iframe. I've tried with this code but it doesn't work:

<script type="text/javascript">


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

Answer 1

Assuming that the iframe source is on the same domain as the outer page, you can use the contents method:

The .contents() method can also be used to get the content document of an iframe, if the iframe is on the same domain as the main page.

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