CODEWITHSUNDEEP
javascriptiframejquerysame-origin-policy
Kaskade
Kaskade

Reputation: 795

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

Upvotes: 4

Views: 6213

Answers (2)

Fenton
Fenton

Reputation: 251012

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.

Upvotes: 1

Nick Craver
Nick Craver

Reputation: 630529

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.

Upvotes: 2

Related Questions