JavaScript - イベント(クライアント領域の座標の取得(clientX, clientY))

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5) の7章(イベント)練習問第7-4を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)

7-4.

コード(TextWrangler)

$(document).click(function(nsEvent){
  var event = nsEvent ? nsEvent: window.event;
  var result = "x座標: " + event.clientX + ", y座標: " + event.clientY + "\n" +
    "(コンピュータの画面を基準としたものではなく、ドキュメントのウィンドウを基準とした座標)" + "\n";
  $('#pre0').text(result);
});