How to attach click event on iframe?
How to attach click event on iframe?
1 answer
by
jerad ,
2 months ago
@lindsey.homenick
To attach a click event to an iframe, you will need to access the contentDocument property of the iframe to get access to the actual content within the iframe. Here is an example of how you can attach a click event to an iframe using JavaScript:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html>
<html>
<head>
<title>Click Event on Iframe</title>
</head>
<body>
<iframe id="myIframe" src="http://example.com"></iframe>
<script>
var iframe = document.getElementById('myIframe');
iframe.onload = function() {
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
// Attach click event to iframe content
iframeDocument.addEventListener('click', function() {
alert('Click event on iframe content!');
});
};
</script>
</body>
</html>
|
In this example, we first get a reference to the iframe element using its ID. We then wait for the iframe to finish loading and access its contentDocument property to get access to the content within the iframe. We then attach a click event listener to the iframe content to trigger an alert when the content is clicked.