Attach an event in a child iframe to a handler in the parent window

by

Use contents() to access the Document object inside an iframe. Note that there are in general problems with using a jQuery library in one document to manipulate another document and it should in general be avoided. However, in the case of binding events it does work.

$('[name=temp_iframe]').contents().find('button').click(function() {
    alert('click');
});

This requires that the iframe and its contents are loaded, so do it in a $(window).load() handler if necessary. You can’t live/delegate across documents, as events don’t propagate from a child document into its parent.

More Related Contents:

  1. Get DOM content of cross-domain iframe [duplicate]
  2. Reload an iframe with jQuery
  3. How to clear the contents of an iFrame from another iFrame
  4. Resize event for textarea?
  5. How can I detect whether an iframe is loaded?
  6. prevent Scroll bubbling from element to window
  7. Set content of iframe
  8. putting html inside an iframe (using javascript)
  9. How do you detect the clearing of a “search” HTML5 input?
  10. Detect click event inside iframe
  11. how to block website from loading in iframe?
  12. how to move a div with arrow keys
  13. jQuery Change event on an element – any way to retain previous value?
  14. Change iframe src by clicking a link
  15. how to resolve iframe cross domain issue [duplicate]
  16. Iframe.readyState does not work in chrome
  17. How to detect a click inside of an iframe (cross-domain)? Aka prevent click fraud
  18. Insert content into iFrame
  19. jQuery: How to listen for DOM changes?
  20. Trigger a button click inside an iframe [duplicate]
  21. get parent.location.url – iframe – from child to parent
  22. iframe Auto Adjust Height as content changes
  23. Fire oninput event with jQuery
  24. Iframe inherit from parent
  25. Unloading/Removing content from an iFrame
  26. Creating a JSON dynamically with each input value using jquery
  27. Scrolling Overflowed DIVs with JavaScript
  28. Determining if mouse click happened in left or right half of DIV
  29. How to capture browser close event?
  30. Disable spaces in Input, AND allow back arrow?

Leave a Comment