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

コードをコピーします コードは次のとおりです。 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 カーネルを搭載したブラウザ。