Consider a page that contains an iframe. The iframe source is on another domain.

I'd be interested in 2 things:

1. Can I create an event listener inside the iframe that listens to events that take place in the parent window (and runs a function in the iframe)?

2. Can I create an event listener inside the parent window that listens to events that take place in the iframe (and runs a function in the parent window)?

Consider a page that contains an iframe. The iframe source is on another domain.

I'd be interested in 2 things:

1. Can I create an event listener inside the iframe that listens to events that take place in the parent window (and runs a function in the iframe)?

2. Can I create an event listener inside the parent window that listens to events that take place in the iframe (and runs a function in the parent window)?

• javascript
• iframe
• listener
• dom-events

Share Improve this question Follow edited Jun 28, 2020 at 15:37 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked May 25, 2011 at 11:48 zozozozo 8,6121919 gold badges8383 silver badges141141 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

That's a no on both accounts, cross-domain scripting security measures disallow any cross domain munication.

You might want to take a look at this indepth article about Cross-Domain Communication with IFrames. It talks about what you can and can't do, and provides some alternatives like window.postMessage

Yes. But it might be more work than you're interested in. You'll need to create a proxy for that page that lives on the same domain as the parent page. Your proxy could be a simple pass-through, but it could very well break the page; some URL-rewriting might be required in order to not break scripts that run on that page that assume things about the context it's being evaluated in, so on that front "it depends."

But your question is "Can you ...?" and the answer is "Yes."