Detect mousemove when over an iframe?

javascript iframe dom-events onmousemove
Charles Zink picture Charles Zink · Apr 13, 2011 · Viewed 46.6k times · Source

I have an iframe that takes up the entire window (100% wide, 100% high), and I need the main window to be able to detect when the mouse has been moved.

Already tried an onMouseMove attribute on the iframe and it obviously didn't work. Also tried wrapping the iframe in a div like so:

<div onmousemove="alert('justfortesting');"><iframe src="foo.bar"></iframe></div>

.. and it didn't work. Any suggestions?

Answer

Łukasz Jagodziński picture Łukasz Jagodziński · Aug 8, 2012

If your target isn't Opera 9 or lower and IE 9 or lower you can use css attribute pointer-events: none.

I found it the best way just to ignore iframe. I add class with this attribute to iframe in onMouseDown event and remove in onMouseUp event.

Works perfect for me.

Related questions

Detect Click into Iframe using JavaScript

I understand that it is not possible to tell what the user is doing inside an iframe if it is cross domain. What I would like to do is track if the user clicked at all in the iframe. I …

Read More
iFrame onload JavaScript event

I have an iFrame, where I want to send a JavaScript command after loading. My current code looks like this: <iframe src="http://www.test.tld/" onload="__doPostBack('ctl00$ctl00$bLogout','')"> But with this code the command …

Read More
How to trigger 'beforeunload' event from within an IFRAME

I have an application (name it B) which is being embbeded in an Iframe by another main application (Name it A or parent). So: App A-- // domain of A: https://mydomain/mainApp |___ App B in Iframe // domain in B: https://…

Read More