JavaScript でのマウス イベントの位置 (clientX、layerX、x、offsetX など)

JavaScript のイベント オブジェクトには、合計 6 組のマウス位置属性があります。それらは次のとおりです:

参照ポイントの属性 ブラウザの互換性

clientX、clientY ブラウザウィンドウすべて

layerX、layerY

最も近い絶対位置の親ノード(そうでない場合はドキュメント) Firefox、Chrome、Safari

offsetX、offsetY Firefox を除くすべてのイベント対象オブジェクト

pageX、pageY IE

ScreenX、ScreenY を除くすべてのコンピューター画面

x、y IE9 以下との互換性が低いため、使用しないようにしてください