I have a question about municating between a iFrame and parent or containing web page.

Can I trigger an event in iFrame and handle it in the parent containing web page containing it? The iFrame and the parent page belongs to same sub-domain.

I have a question about municating between a iFrame and parent or containing web page.

Can I trigger an event in iFrame and handle it in the parent containing web page containing it? The iFrame and the parent page belongs to same sub-domain.

• javascript
• events
• iframe
• event-handling
• dom-events

Share Improve this question Follow edited Mar 26, 2020 at 16:30 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Sep 7, 2013 at 0:41 TarunTarun 84811 gold badge1414 silver badges3232 bronze badges 2

• 2 If they are from the same subdomain, yes. The parent page and iframe should be able to interact. – user1600124 Commented Sep 7, 2013 at 0:44
• 2 This may help you. – The Alpha Commented Sep 7, 2013 at 0:45

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

Using the link Sheikh Heera provided in the ments, yes, you can trigger events in an iframe and handle it in the parent.

var doc = iframe.contentDocument || iframe.contentWindow.document;
doc.getElementById("myDiv").addEventListener('click',function() {
    //doStuffHere
});

Here's a fiddle for it: http://jsfiddle/9sfm9/

---

OR just call parent.doFunction() in the iframe's JavaScript, assuming, doFunction() is a function in the parent page. Example:

parent script:

var doFunction = function() {
    alert("I was triggered from an iframe");
}

iframe script:

parent.doFunction();

And here's a fiddle for that: http://jsfiddle/9sfm9/2/