JavaScript - イベント(onclick, keydown, プロパティ(clientX, clientY, screenX, screenY))

初めてのJavaScript 第2版
(オライリージャパン)
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Mavericks - Apple(OS)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• Safari、Firefox + Firebug (Webプラウザ、プラグイン)
• JavaScript (プログラミング言語)
• jQuery (JavaScript Library)

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

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• jQueryクックブック

練習問第7-1、7-2、7-3、7-4、7-5.

コード(BBEdit)

var result = '',
    pre0 = $('#pre0'),
    b = $('body');
b.click(function(event) {
    result = 'クリックを検知しました。\n' +
        'ドキュメントのウィンドウを基準とした、クリックした位置の座標: ' +
        'x座標 ' + event.clientX + ' y座標 ' + event.clientY + '\n' +
        'コンピューターの画面を基準とした座標: ' +
        'x座標 ' + event.screenX + ' y座標 ' + event.clientY + '\n';
    pre0.text(result);
});
b.keydown(function(event) {
    result = '押されたキーのコード(整数): ' + event.keyCode;
    pre0.text(result);
});