鼠标悬停事件上的鼠标位置

问题描述 投票:8回答:2

是否有可能在图像的mouseouver事件中获得准确的鼠标位置?如果我使用在文档鼠标移动事件上更新鼠标位置的函数,则可能会出现延迟和此类问题,并且无法获得确切位置

javascript mouse mouseover mouse-position
2个回答
16
投票

如果您正在寻找一个简单的JS来获取MouseOver事件的光标位置,请参见以下示例代码:

    <!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>

0
投票

用于跟踪位置的javascript方法offset(),在这里我做的和Mayur所说的一样,只是添加了一点点。

See jsfiddle

© www.soinside.com 2019 - 2024. All rights reserved.