Auto click in iframe

Question

I want to click automatically button1, which is in iframe which is on my website. scheme

iframe source: ...<button class="button1">...

I can click it automatically using document.querySelector('.button1').click(); but only on frame source page.

My website has <iframe id="frame1" src="iframe source">

How to click it automatically from my page?

I was thinking about this: `document.getElementById('frame1').contentWindow.querySelector('.button1').click();` but it doesn't work — W.Dud, Nov 01 '16 at 17:36

score 0 · Answer 1 · edited May 23 '17 at 12:16

0

The proper way if through sending a message to the iframe, and on the iframe have an event listener the will fire the click when the message arrives.

here is an Example on iframe communication

edited May 23 '17 at 12:16

Community

1
1

answered Nov 01 '16 at 17:16

O_Z

1,449
9
10

score 0 · Answer 2 · answered Nov 01 '16 at 17:20

0

<html>
<body>
<iframe id="test" source="test.html">

</iframe>
</body>
</html>

In scripts:

$('#test').contents().find('BUTTON ID').click(function(){
alert("works")
});

answered Nov 01 '16 at 17:20

Jays

82
8

there is not button id – W.Dud Nov 01 '16 at 17:31
you can use class too **find(".button1")** – Jays Nov 02 '16 at 08:38

Auto click in iframe

2 Answers2