javascript - 2つのイベントハンドラーを組み合わせた形式で要素またはノードに追加するにはどうすればよいですか？

Question

jQueryでは複数のイベントハンドラーを組み合わせた形式で追加できることを知っていますが、純粋なJavascriptでそれを行う方法はありますか？

次のように、イベントハンドラーを組み合わせた形式でアタッチするにはどうすればよいですか。

document.getElementsByTagName('input')[0].onclick.onkeypress = function() {
    alert(1);
}

ただし、typeErrorがスローされます。

Answer 1

jQueryを使用すると、より簡潔になりますが、これは実際には違いはありません。

var e = document.getElementsByTagName('input')[0];
e.onclick = e.onkeypress = function() {
    alert(1);
};

また、グローバル名前空間をで汚染しないようにする場合は、次のelementようにします。

(function(){
  var e = document.getElementsByTagName('input')[0];
  e.onclick = e.onkeypress = function() {
    alert(1);
  };
})();

連鎖を追加する関数を定義することもできますが、addEventListener本当にポイントはありますか？