web-dev-qa-db-ja.com

マウスオーバーイベントでのマウスの位置

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

8
user2013107

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>
16
Mayur Manani

位置を追跡するために使用されるjavascriptメソッドoffset()。ここでは、Mayurが言うのと同じことを行いましたが、少し追加しました。 [jsfiddle.net/7P8Rr/][1]

0
Rajib Ganguly