2

私は自分のウェブサイトを始めており、サイトの特権に取り組んでいます。これを行うのに役立つコードを探しています:

「サイト内の画像または背景にマウス ポインターを合わせると、マウスが通過した各ピクセルの位置を示すカーソルが表示されます (例: (23,234)。」)

前もって感謝します

PS : PHP、HTML、JavaScript に精通しています。

4

4 に答える 4

2

HTML

   <div id="status">

    </div>

Jクエリ

$(document).ready(function(){
       $(document).mousemove(function(e){
          $('#status').html(e.pageX +', '+ e.pageY);
       }); 
    })

純粋な Javascript ソリューション

純粋な JavaScript ソリューションを使用している間は、ブラウザの互換性に注意する必要があります

于 2012-06-28T12:44:54.877 に答える
1

html

<div id="position"></div>

js (jquery ライブラリを含めるだけです)

$(document).ready(function () {
    $("#position").hide();

    $("img").mousemove(関数 (e) {
        var pX = e.pageX;
        var pY = e.pageY;
        $("#pixels").html("X: "+pX+"; Y: "+pY);
        $("img").hover( function(){$("#pixels").show();} , function(){$("#pixels").hide();} )
    });
});
于 2012-06-28T12:51:46.507 に答える
0

これがあなたが探しているものだと思います

マウスカーソルの位置を取得する - jQuery

于 2012-06-28T12:47:25.547 に答える