How to detect a link click with JavaScript/jQuery in a iFrame?

Question

How can I detect a link click inside a iFrame?

The Frame source changes a lot of times and I need to detect all link click inside the iFrame.

I try that already: Javascript - click link in iframe

JS:

$("#Source a").click();

HTML:

<iframe src="" name="Source" id="Source" scrolling="" frameborder="0" title="Anzeigebereich"></iframe>

score 1 · Accepted Answer · answered May 29 '19 at 07:04

1

you need to use .contents() http://api.jquery.com/contents/

$('#Source').on('load', function(){
    $(this).contents().find('body').on('click', 'a', function(e){
        e.preventDefault(e);//stop normal navigation
        //your code here
    });
});

answered May 29 '19 at 07:04

Clint

973
7
18

this work only on iframe hosted on the same web domain – Gianluca Musa May 29 '19 at 07:34

score 0 · Answer 2 · answered May 29 '19 at 07:10

0

If you trying to catch an event or do whatever inside the iframe from the oustide document, it isn't possible, the iframe is different context (different document) and this is not alowed. You can check a similar question here

answered May 29 '19 at 07:10

marinoff

171
3
6

score 0 · Answer 3 · answered May 29 '19 at 07:15

0

use post message, for communicaton between frames, also support different domains

post message doc

answered May 29 '19 at 07:15

Gianluca Musa

755
7
22

How to detect a link click with JavaScript/jQuery in a iFrame?

3 Answers3