コピーされましたが、元のページのコードはまだ変更する必要があります。次のような変更が可能です。
一般的には、それぞれ水平位置と垂直位置を取得するためにevent.clientXとevent.clientYが使用されますが、このメソッドのみを使用します。はい。event.clientX とevent.clientY によって取得されるマウスの位置は、ページのスクロール バーによってスクロールされた距離に関係なく、現在の画面を基準にしているため、十分ではありません。
function pointerX(event)
{
returnevent.pageX || (event.clientX (document.documentElement.scrollLeft || document.body.scrollLeft));
}
関数 pointerY(event)
{
return event .pageY || (event.clientY (document.documentElement.scrollTop || document.body.scrollTop));
}
2 つのメソッドはそれぞれ、相対的なページ全体を取得します (画面の代わりに) マウスの位置
event.pageX が FF でサポートされているため、クロスブラウザ操作が実現します
これら 2 つの関数を他のメソッドで呼び出すだけです
function getPointPosition(event)
{
var x_px_scr = イベント。 clientX;
var y_px_scr = events.clientY;
alert("現在の画面に対する X 軸のオフセット" x_px_scr); //デバイス (PC またはモバイル デバイス) を基準
alert("現在の画面を基準とした Y 軸オフセット" y_px_scr);// デバイス (PC またはモバイル デバイス) を基準
var x_Px_page = pointerX(event);
var y_Px_page = pointerY(event);
alert("ページ全体に対する X 軸のオフセット" x_Px_page); "ページ全体に対する Y 軸のオフセット" y_Px_page) // ブラウザに対する相対値
}
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
