'Propagating mouse events from iframes to the hosting document

I have an iframe covering the entire HTML document, and I'd like to propagate clicks and hover events back to the hosting document.

What are my options?



Solution 1:[1]

I was asked to look into this several weeks ago for a project. It's possible to do it, and there's a working example of it in action here:

http://www.esqsoft.com/javascript_examples/iframe_talks_to_parent/

However, the crucial thing to bear in mind is that unless the parent and child are on the same domain, it's not possible to have events passed between them. If your iframe contains a page from a different domain then you're out of luck, I think.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 CVM