js はマウス クリック位置の実装アイデアと code_javascript スキルを取得します

コピーされましたが、元のページのコードはまだ変更する必要があります。次のような変更が可能です。

一般的には、それぞれ水平位置と垂直位置を取得するために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) // ブラウザに対する相対値
}