Adding click event handler to iframe

by

iframe doesn’t have onclick event but we can implement this by using iframe’s onload event and javascript like this…

function iframeclick() {
document.getElementById("theiframe").contentWindow.document.body.onclick = function() {
        document.getElementById("theiframe").contentWindow.location.reload();
    }
}


<iframe id="theiframe" src="https://stackoverflow.com/questions/6452502/youriframe.html" style="width: 100px; height: 100px;" onload="iframeclick()"></iframe>

I hope it will helpful to you….

More Related Contents:

  1. addEventListener vs onclick
  2. Calling a parent window function from an iframe
  3. addEventListener vs onclick
  4. How to access parent Iframe from JavaScript
  5. Getting around X-Frame-Options DENY in a Chrome extension?
  6. Redirect parent window from an iframe action
  7. React onClick function fires on render
  8. how to access iFrame parent page using jquery?
  9. How to check whether dynamically attached event listener exists or not?
  10. Binding multiple events to a listener (without JQuery)?
  11. Accessing control client name and not ID in ASP.NET
  12. jQuery iframe load() event?
  13. Why does appending a to a dynamically created seem to run the script in the parent page?
  14. javascript get x and y coordinates on mouse click
  15. Javascript Iframe innerHTML
  16. Embed an External Page Without an Iframe?
  17. Detect if button click real user or triggered by a script
  18. Call two functions from same onclick [duplicate]
  19. How can two instances of a userscript communicate between frames?
  20. Stop all playing iframe videos on click a link javascript
  21. Change Button color onClick
  22. How to synchronize scrolling positions for several iframes
  23. how to resolve iframe cross domain issue [duplicate]
  24. jQuery function not binding to newly added dom elements
  25. AngularJS ng-src inside of iframe
  26. Detect X-Frame-Options
  27. Resize external website content to fit iFrame width
  28. Reload an IFRAME without adding to the history
  29. iframe not reading cookies in Chrome
  30. iframe inside angular2 component, Property ‘contentWindow’ does not exist on type ‘HTMLElement’

Leave a Comment