Jquery - intercept links clicked inside an iframe

Question

Hi,

I am trying to intercept links clicked on a page including those inside an iframe. This is the code that I have but it is not working. Any ideas what I need to do?

$("#container").delegate('a', 'click', function(e){ 
//do stuff
}

Container is the id of the div just inside the iframe.

Thanks in advance for any advice

Answer 1

You need to reach inside the <iframe> and set the delegate there, you can do it like this:

$('#myiframe').contents().find("#container").delegate('a', 'click', function(e){ 
  //do stuff
}

Edit - Mailslut makes a good points below, if the iframe isn't on the same domain (and port), you can't do anything like this. If that's the case and you want to know more about why, read about the same-origin policy there for security reasons.

Answer 2

Why not add the event listener inside the iframe and then call the parent / opener to notify the event.

If you the contents of the iframe is on a different domain, you won't be able to perform this as it is classed as "click-jacking", which was a big security threat.