Jquery - intercept links clicked inside an iframe

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



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.


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.


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.