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

マウス座標を取得するJSインスタンスメソッド_JavaScriptスキル

WBOY
リリース: 2016-05-16 17:28:30
オリジナル
1252 人が閲覧しました
コードをコピーします コードは次のとおりです。 vartip;
// マウス座標
function MousePosition(ev) {
return {
x : ev.clientX document.documentElement.scrollLeft - document.documentElement.clientLeft,
y : ev .clientY document .documentElement.scrollTop - document.documentElement.clientTop
};
}
// マウスイベント
function MouseMove(ev) {
ev = ev ||
var マウスポス = マウス位置(ev);
制限 X = マウスポス.x;
ドキュメント.onmousemove = マウス移動;


Google および Sohu ブラウザーで上記のコードによって取得される値は不正確になるため、次のように変更する必要があります:




コードをコピーします

コードは次のとおりです:
var strictX; vartip; 🎜>関数 MousePosition(ev){ var rollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; var rollTop = document.body.scrollTop || { x:ev.clientXscrollLeft - document.documentElement.clientLeft, y:ev.clientYscrollTop - document.documentElement.clientTop
};
// マウスイベント
関数move(ev){
ev = ev ||
varmousePos.x;
>}
document.onmousemove = MouseMove;
document.onclick = MouseMove;






コードをコピーします


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


varscrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
varscrollTop = document.documentElement.scrollTop ||スクロールトップ;

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