こんにちは，
JavaScriptとイベント
ブラウザはscriptタグで指定されたJavaScriptを解釈して実行します。その時，
さて，
まずはonclick方式を簡単に解説します。onclick方式の最大の特徴はHTML中に書くことができるという点です。
HTMLタグでのonclick方式
<body onload="init();">
<input id="url-alert" type="button" onclick="alert(location.href);" value="URLをアラート">
</body>見た目のままの通り，
JavaScriptからのonclick方式
window.onload = function(){
var ua = document.getElementById('url-alert');
ua.onclick = function(){
alert(location.host);
};
};
function init(){
alert(location.href);
}このonclick方式の問題点は，
そのため，
なおonclickは属性なので，
DOM Event
では，
※公開当初，
addEventListenerはElementのメソッドとして定義
addEventListenerの第3引数
addEventListenerには3つ引数がありますが，
ただ，
さて，
図1 HTMLの階層構造とイベントの伝播
このどちらのプロセスを見るのかを決定するのがaddEventListenerの第3引数です。仮に，
さて，
イベント登録関数
var addEvent = (function(){
if(document.addEventListener) {
return function(node,type,handler){
node.addEventListener(type,handler,false);
};
} else if (document.attachEvent) {
return function(node,type,handler){
node.attachEvent('on' + type, function(evt){
handler.call(node, evt);
});
};
}
})();このaddEvent関数はイベントはもちろん，
