マウスカーソルの絶対座標を取得

マウスカーソルの絶対座標を取得するには、イベントオブジェクトのevent.pageXプロパティまたはevent.pageYプロパティを使用します。
水平（左右）の座標はevent.pageXプロパティ、垂直（上下）の座標はevent.pageYプロパティでそれぞれ取得できます。

• ※ IE8以下には対応していません。

デモ

-

構文

var x = event.pageX, // 水平（左右）
    y = event.pageY; // 垂直（上下）

サンプルコード

var sampleElem = document.getElementById('sample');

sampleElem.addEventListener('click', function(e) {
	var x = e.pageX,
	    y = e.pageY;

	alert('x軸：' + x + 'px Y軸：' + y + 'px');
});

サンプルコードではclickイベントで取得していますが、mousemoveイベントなどマウス操作に関するイベントで取得でき、それ以外のイベントでは取得することができません。（例えばページ読み込み時など）