mousedown, mousemove, mouseup などのイベントで拾えるマウス座標ですが、いくつか種類があります。いつもどれがどれだったか忘れてしまうので、いい加減覚えようと思ってまとめました。 clientX, clientY DOMコンテンツ内のX,Y座標。 HTMLページ内のワールド座標です。左上が0,0 offsetX, offsetY イベントをハンドリングしているDOM要素内のX,Y座標。 screenX, screenY スクリーン上のX,Y座標。 デュアルモニター環境だったりするととても大きな値になったりします。 x,y Chromeだと使える。値はclientX, clientYと一緒。 迷った時の確認用コード <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Docume
