プログラミング学習の記録 299 "独習JavaScript"の第9章(DOM)の9.3(W3C DOMのイベントモデル)

開発環境

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

"独習JavaScript"の第9章(DOM)の9.3(W3Cのイベントモデル)の練習問題9.6を解いてみる。

練習問題 9.6

1.

Webブラウザのイベントモデルの問題点はイベントに複数のイベントリスナを登録できないこと。W3C DOMのイベントモデルを使用するメリットは複数のイベントリスナを登録できる。

2.

var form = document.getElementById("form"); form.addEventListener("submit", function (event) { if (!confirm("フォームの内容を送信してよろしいですか?")) { event.preventDefault(); } }, false);

3.

① event.button==0

確認 (注意: Internet Explorer 8では動きません。Firefox, Chrome, Opera, IE9で動くことは確認済みです。)

var element = document.getElementById("area"); element.addEventListener("mousedown", function (event) { if (event.button == 0) { alert("左ボタンがクリックされました"); } }, false);

id="area"のTextArea