javascript_javascript スキルで現在のマウス座標を取得する方法

この記事の例では、JavaScript で現在のマウス座標を取得する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

JavaScript が現在のマウス座標を取得するには、さまざまなブラウザーの座標位置をある程度理解する必要があります。具体的なコードは次のとおりです:

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

<頭>


<スクリプトタイプ="text/javascript">
関数mousePosition(ev){
if(ev.pageX || ev.pageY){//Firefox、Chrome、その他のブラウザ
戻り値 {x:ev.pageX,y:ev.pageY};
}
return {//IE ブラウザ
x:ev.clientX document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY document.body.scrollTop - document.body.clientTop
};
}
関数mouseMove(ev){
ev = ev window.event;
var MousePos = MousePosition(ev);
document.getElementById('x').innerHTML = MousePos.x;
document.getElementById('y').innerHTML = MousePos.y;
}
document.onmousemove = マウス移動;

あなたのマウスは追跡されました

X 軸座標:

Y 軸座標:

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。