How to detect onmousedown on iframe with external content?

Question

I'm trying to know when an user clicks on an iframe with external content (a page not owned by me). The reason I need to do it is that my site relies heavily on keyboard navigation and when the iframe is focused I need to tell users to click outside to keep playing.

I'm using a transparent div on on top of the iframe with an onmousedown event. But it's not a great choice since the user needs to click once for the div to disappear and once again to click wherever they want on the iframe.

Are there are other ways to know when the user clicks on the iframe?

Thanks

Answer 1

The closest I can think of is to listen for blur on your window.

http://www.quirksmode.org/dom/events/blurfocus.html

Answer 2

you could find a way around this problem. But personally, I don't think its a good practice to capture events in an IFrame from an External Container.

Answer 3

I would put an onmousedown event on the iframe instead of the div?