12

画像のmouseoverイベントで正確なマウス位置を取得することは可能ですか? ドキュメントのマウス移動イベントでマウスの位置を更新する関数を使用すると、遅延などの問題が発生し、正確な位置を取得できなくなります。

4

2 に答える 2

21

MouseOver イベントのカーソル位置を取得する単純な JS を探している場合は、次のサンプル コードを参照してください。

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

于 2013-01-27T10:09:16.333 に答える