プログラミング学習の記録 180 独習JavaScript (大型本)の第9章の練習問題9.6

開発環境:Mac OS X Snow Leopard+Firefox(ブラウザ)+Firebug(アドオン)

"独習JavaScript (大型本)"の第9章、p.355の練習問題9.6を解いてみる。




1.

Webブラウザのイベントモデルでは1つのイベントに複数のイベントリスナを設定できない。W3C DOMではEventオブジェクトのaddEventListener()メソッドによってイベントリスナを複数登録できてWebブラウザのイベントモデルのようにあとから上書きされてしまう心配がない。さらに、W3C DOMのメリットとしてはイベントのフェーズについてキャプチャーフェーズとバブリングフェーズがある。

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

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