マウスの操作
クリックされた位置(画面左上からのピクセル単位の距離)を知る
ev.clientX-Webブラウザ画面左からの距離、Yは上からの距離

$(document).click(function(ev){
   $('div#panel-xy').text('('+ev.clientX+'px,'+ev.clientY+'px)でクリックされました');
   } );

※ブラウザ画面内のクリックした位置のピクセル単位の距離を表示。


実行前(この画面のどこかをクリックすると位置を表示する)


変更前のhtml
<div id="panel-xy">
いま、画面の左上から(左から344px,上から318px)の位置をクリックしました
</div>

この他に、マウスボタンを押した位置と放した位置の距離をピクセル単位で測るのもある。赤本p101参照