Mouse position on mouseover event

javascript mouse mouseover mouse-position
user2013107 picture user2013107 · Jan 27, 2013 · Viewed 50.6k times · Source

Is it possible to get the exactly mouse position in a mouseouver event of a image? If i use a function that update the mouse position on document mouse move event I can have problems with delay and this kind of thing and wouldn't get the EXACTLY position

Answer

Mayur Manani picture Mayur Manani · Jan 27, 2013

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>

Related questions

Change the mouse cursor on mouse over to anchor-like style

If I hover the mouse over a div the mouse cursor will be changed to the cursor like that in HTML anchor. How can I do this? Do I need Javascript or it's possible with CSS only?

Read More
JavaScript: Check if mouse button down?

Is there a way to detect if a mouse button is currently down in JavaScript? I know about the "mousedown" event, but that's not what I need. Some time AFTER the mouse button is pressed, I want to be able …

Read More
Move the mouse pointer to a specific position?

I'm building a HTML5 game and I am trying to put the mouse cursor over a certain control on a specific event so that moving in a specific direction always has the same result. Is this possible?

Read More