addEventListnerについて

質問

最近、Javascriptを用いたイベントドリブンな表現をしているサイトが目立ちます。これについて、どのように実装しているのか自分なりに調べてみたところ、多くのプログラマーのBlogの記事に「addEventListner」という単語が見られました。これについては、イベントを登録するための関数である、ということは把握しているのですが、これを使う理由は何でしょうか？普通に

var target　　　　　　　　=　document.getElementById("target");
target.onmousemove　=　function(){};
target.onmousedown　=　function(){};
target.onmouseup　　　=　function(){};

で良いと思うのですが。

回答No.1

auty · ベストアンサー

・　「イベントを登録」するための標準モデルとして現在
　　　DOMレベル2
　　があります。「addEventListner」はこれに属します。

・　例に挙がった「target.onmousemove」等は、
　　　DOMレベル0
　　とも呼ばれています。

・　　DOMレベル2の方が当然高度な機能を持っています。たとえば

　　　1.　イベントの伝播（キャプチャリング・バブリング）
　　　2.　１つのイベントに対して、複数のイベントハンドラを登録できる。
　　　3.　イベントリスナも単純な関数ではなく、オブジェクトとして扱える。
　　　等があります。

・　なお、IEは、現在独自な物となっています。