jQuery(JavaScript)でマウス座標やウィンドウサイズを取得して確認するツール

マウス座標/ウィンドウ・ページのサイズ確認ツール このページ内で適当にマウスを動かすと、以下に座標やサイズの取得情報が表示されます。各々の取得値の違いを実感するために、ブラウザのウィンドウサイズを小さくした後、下側に移動させて確認すると分かりやすいです。 （※ Firefox では offsetX, offsetY は undefined になる模様） — 以下に情報表示 — 確認ツールの jQuery コード マウス（マウスカーソル）の座標関連は、jQuery で mousemove の event で取得しています。ウィンドウ（window）やページ（document）のサイズは、jQuery の $(obj).width() / $(obj).height() で取得している。obj に window または document を指定して違いを確認しています。 $(window).m