JavaScriptのイベント処理の書き方

１．HTMLタグ内の属性として記述する

　　
Click

この書き方だとメンテナンス性が落ちる、あと１つのイベントしか処理できない

２．elementオブジェクトのonXXXXに関数を定義する

    document.getElementById("btn").onmousedown = funciont(evt) {
      evt = evt || window.event;
      ・
      ・
      ・
    }

１と同様に１つのイベントしか処理できない

３・addEventListener(IEではattachEvent)を利用する

    document.getElementById("btn").addEventListener('click', goFunc, false);
    function goFunc(evt) {
      evt = evt || window.event;
      ・
      ・
      ・
    }

複数のイベントを処理できる