マウスポインタの座標を得る

概要

マウスポインタの座標をEventインターフェースから得ます。
DOM L2 Events 規定のプロパティは標準なので、ほとんどのブラウザで動くと思います。(IE8, Google Chrome5, Firefox v3.6.6, Opera v10.60 で確認済み)

マウスイベント

UIEvent#screenX

クライアント領域上のX座標

UIEvent#screenY

クライアント領域上のY座標

UIEvent#clientX

スクリーン領域上のX座標

UIEvent#clientY

スクリーン領域上のY座標

サンプル (DOM Level 2 Events)

サンプル (Mozilla独自拡張)

サンプル (IE独自拡張)

参考URL

DOM Level 0

• scrollX - MDC
• scrollY - MDC
• scrollMaxX - MDC
• scrollMaxY - MDC

DOM Level 2

• 1.6.2 マウスイベント型 - DOM L2 Events
• event.clientX - MDC
• event.clientY - MDC
• clientX - MSDN
• clientY - MSDN
• event.screenX - MDC
• event.screenY - MDC
• screenX - MSDN
• screenY - MSDN

Mozilla独自拡張

• event.pageX - MDC
• event.pageY - MDC

IE独自拡張

• x - MSDN
• y - MSDN
• offsetX - MSDN
• offsetY - MSDN
• scrollTop - MSDN
• scrollLeft - MSDN
• element.scrollTop - MDC
• element.scrollLeft - MDC

その他

• イベントオブジェクトまとめ - Archiva