ホームページ > ウェブフロントエンド > jsチュートリアル > mouse_javascriptスキルの座標値を取得するjsメソッド

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

WBOY
リリース: 2016-05-16 17:40:43
オリジナル
863 人が閲覧しました

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

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;

}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート