JavaScript:マウスのクリック位置を取得

JavaScriptでマウスのクリック位置をクリックした要素のClient座標で取得する。

FireFox
x座標 = event.layerX - document.getElementById("img").offsetLeft;
y座標 = event.layerY - document.getElementById("img").offsetTop;

Opera, Chrome, IE
x座標 = event.offsetX;
y座標 = event.offsetY;

サンプルはこちらのページ。