mouse_javascriptスキルの座標値を取得するjsメソッド

コードをコピー コードは次のとおりです:

var x , y;

//本体を基準とした座標値を取得することが要件の場合、次を使用します:

関数positionBody(イベント){

イベント = イベント||ウィンドウ.イベント

//本体を基準にして配置された水平方向の値を取得します。

x=event.clientX

//本体を基準にして配置された垂直スケール値を取得します。

y=event.clientY

}

//オブジェクトに対する相対的な座標値を取得することが要件の場合、次を使用します:

関数positionObj(event,id){

//ページ ID に対するオブジェクトの横座標値を取得します。

var thisX = document.getElementById(id).offsetLeft;

//ページに対するオブジェクトの横座標の値を取得します。

var thisY = document.getElementById(id).offsetTop;

//ページのスクロール距離を取得します。

//注: document.documentElement.scrollTop は Google 以外のカーネルをサポートします。 document.body.scrollTop は Google カーネルをサポートします

var thisScrollTop = document.documentElement.scrollTop document.body.scrollTop;

イベント = イベント||ウィンドウ.イベント

//オブジェクトの位置に対する相対的な水平座標値を取得します = ページに対するマウスの現在の水平座標値 - オブジェクトの水平座標値

x = events.clientX - thisX;

// オブジェクトの相対的な垂直座標値を取得します。 位置 = ページに対する現在のマウスの垂直座標値 - オブジェクトの垂直座標値 スクロール バーの高さ

y = イベント.clientY - thisY thisScrollTop;

}