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

by

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.

More Related Contents:

  1. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  2. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  3. window.onload vs $(document).ready()
  4. Detect Click into Iframe using JavaScript
  5. Prevent form submission on Enter key press
  6. Firing event on DOM attribute change
  7. How to find out which JavaScript events fired?
  8. How do I programmatically click on an element in JavaScript?
  9. On Text Highlight Event?
  10. Callback on CSS transition
  11. Handle URL fragment identifier (anchor) change event in Javascript
  12. Prevent onmouseout when hovering child element of the parent absolute div WITHOUT jQuery
  13. Create a file using Javascript in Chrome on client side
  14. How to know whether refresh button or browser back button is clicked in Firefox [duplicate]
  15. Detect if HTML5 Video element is playing [duplicate]
  16. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  17. Perform action when clicking HTML5 datalist option
  18. Detect mousemove when over an iframe?
  19. Fire tab keypress event in JavaScript?
  20. How to Clear/Remove JavaScript Event Handler?
  21. Popstate on page’s load in Chrome
  22. How do I pass the this context into an event handler?
  23. Implementing events in custom object
  24. How do I listen for triple clicks in JavaScript?
  25. Fire oninput event with jQuery
  26. Handle refresh page event with JavaScript
  27. Is triggering event listeners using “.click()” asynchronous?
  28. How to to initialize keyboard event with given char/keycode in a Chrome extension?
  29. What is the difference between Event.target, Event.toElement and Event.srcElement?
  30. HTML5 Canvas: Get Event when drawing is finished

Leave a Comment