Mouse position on mouseover event

Question

Is it possible to get the exact mouse position in a mouseouver event of an image? If I use a function that updates the mouse position on a document mouse move event, I can have problems with delay and this kind of thing and wouldn't get the EXACT position.

I think your going to have to elaborate, and some example code might also be nice. Also are we talking about Java or JavaScript/Web? — MadProgrammer, Jan 27 '13 at 08:22

score 23 · Answer 1 · edited Dec 26 '15 at 07:45

23

If you are looking for a simple JS to get the cursor position for a MouseOver event, here is the sample code:

    <!DOCTYPE html>
    <html>
    <head>
     <script>
     
     function getPos(e){
      x=e.clientX;
      y=e.clientY;
      cursor="Your Mouse Position Is : " + x + " and " + y ;
      document.getElementById("displayArea").innerHTML=cursor
     }
    
     function stopTracking(){
      document.getElementById("displayArea").innerHTML="";
     }
    
     </script>
    </head>
    
    <body>
     <div id="focusArea" onmousemove="getPos(event)" onmouseout="stopTracking()"><p>Mouse Over This Text And Get The Cursor Position!</p></div>
     
     <p id="displayArea"></p>
    </body>
    </html>

edited Dec 26 '15 at 07:45

anatoly techtonik

19,847
9
124
140

answered Jan 27 '13 at 10:09

Mayur Manani

795
4
12

with timer it could be even better (especially for CPU) – theta Jul 13 '13 at 13:43
1

It seems for a mouseover event the clientX and clientY are undefined – a1an Jul 25 '17 at 14:56
cannot get lower value than 8px, and maximum size can be picked more than 100% width... – Marek Bernád Feb 16 '19 at 10:10

score 1 · Answer 2 · edited Jan 16 '20 at 15:03

1

The javascript method offset() used for tracking the position, and here I did the same as Mayur says, just little bit added.

See jsfiddle

edited Jan 16 '20 at 15:03

Incepter

2,711
15
33

answered Mar 14 '14 at 11:42

Rajib Ganguly

11
1

Mouse position on mouseover event

2 Answers2

Linked