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

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

WBOY
WBOYオリジナル
2016-05-16 17:28:301223ブラウズ
コードをコピーします コードは次のとおりです。 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 カーネルを搭載したブラウザ。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。