How to add an event listener to iframe
We’re going to show you how to add an event listener to an iframe. In this article, we will see two different methods to add an event listener to an iframe.
Checkout more articles on JavaScript
Using JavaScript
You can use the following code, if you want to use the pure vanilla JavaScript.
1 2 3 4 5 6 | var iframe = document.getElementById('myiFrame'); iframe.contentWindow.body.addEventListener('keydown', handler); function handler() { console.log('keydown works'); } |
Using jQuery
Use the following code, if you want to use the jQuery code.
1 2 3 4 5 6 | $('#myiFrame').load(function () { var contents = $(this).contents(); // contents of the iframe $(contents).find("body").on('keydown', function (event) { console.log('keydown works'); }); }); |
I hope you find this article helpful.
Thank you for reading. Happy Coding..!! đŸ™‚
