プログラミング学習の記録 436.1 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の7章(イベント)の練習問題4

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 9 Beta(プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

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

7-4.

ドキュメントのウィンドウを基準とした位置の座標だけではなく、コンピューターの画面を基準とした座標も表示するようにしてみる。

コード

function clicked() { document.write( "<p>ドキュメントのウィンドウを基準とした位置の座標: " + "X=" + event.clientX + " Y=" + event.clientY + "</p><p>コンピューターの画面を基準とした位置の座標: " + "X=" + event.screenX + " Y=" + event.screenY + "</p>"); } document.onmousedown = clicked;

座標を知りたいこのドキュメントの任意の箇所をクリックすると、ウィンドウ、コンピューターの画面を基準とした位置の座標がそれぞれ表示されます。

 

本書と合わせてjQueryクックブック、Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニックを読む。