CODEWITHSUNDEEP
javascriptmousemouseovermouse-position
user2013107
user2013107

Reputation: 265

Mouse position on mouseover event

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.

Upvotes: 13

Views: 67072

Answers (2)

Rajib Ganguly
Rajib Ganguly

Reputation: 11

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

See jsfiddle

Upvotes: 1

Mayur Manani
Mayur Manani

Reputation: 825

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>

Upvotes: 24

Related Questions