How to get the mouse position without events (without moving the mouse)?

javascript mouseevent dom-events
Norbert Tamas picture Norbert Tamas · Apr 8, 2010 · Viewed 215.4k times · Source

Is it possible to get the mouse position with JavaScript after page loads without any mouse movement event (without moving the mouse)?

Answer

Tim Down picture Tim Down · Apr 8, 2010

Real answer: No, it's not possible.

OK, I have just thought of a way. Overlay your page with a div that covers the whole document. Inside that, create (say) 2,000 x 2,000 <a> elements (so that the :hover pseudo-class will work in IE 6, see), each 1 pixel in size. Create a CSS :hover rule for those <a> elements that changes a property (let's say font-family). In your load handler, cycle through each of the 4 million <a> elements, checking currentStyle / getComputedStyle() until you find the one with the hover font. Extrapolate back from this element to get the co-ordinates within the document.

N.B. DON'T DO THIS.

Related questions

How do you Hover in ReactJS? - onMouseLeave not registered during fast hover over

How can you achieve either a hover event or active event in ReactJS when you do inline styling? I've found that the onMouseEnter, onMouseLeave approach is buggy, so hoping there is another way to do it. Specifically, if you mouse …

Read More
Why can't a mouseup event prevent a click event

jsfiddle <div class='wrapper'> <button class='child'>Click me</button> </div> function h(e) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); alert(e.type); return false; } document.querySelector('.wrapper').addEventListener('mouseup', h, …

Read More
Which key does the e.metaKey refer to in JavaScript MouseEvent?

MouseEvent.metaKey doesn't seem to work. On both FireFox and Chrome, it returns false even if I hold the Win key while clicking: MDN states: The MouseEvent.metaKey read-only property returning a Boolean that indicates if the Meta key was …

Read More