onclick function on button in iframe

Question

I have an iframe with external content on my website. In the code of the iframe content is a button with the id "XYZ"

I would like to set an onclick function on this. I tried something like that:

$( "#XYZ" ).click(function() {
alert("CLICK");
});

but this doesn't work > no alert. Where is my mistake?

Is the content of the iframe on the same domain as the parent window? — Rory McCrossan, Jan 07 '20 at 13:41
Does this answer your question? [How to add click event to a iframe with JQuery](https://stackoverflow.com/questions/1609741/how-to-add-click-event-to-a-iframe-with-jquery) — Akash Shrivastava, Jan 07 '20 at 13:42

score 0 · Answer 1 · answered Jan 07 '20 at 13:43

0

The Iframe has its own context. You can't access it directly like that using Jquery. You would need to get the iFrame contents first.

$('#frame').contents().find('#XYZ').on('click', () => alert('CLICK');

You might have some permission error because some Iframe have a same origin policy

answered Jan 07 '20 at 13:43

Nicolas

yes, I have a permission error. What can I do ? The Alert will not come up – Trombone0904 Jan 07 '20 at 13:55
1

Well there is not much you can do. You don't own the code in the iframe. We don't have much information about the context of what you are trying to do so we can't help much but i'd say: use something else than an iframe. – Nicolas Jan 07 '20 at 13:57

1 Answers1