javascript - 如何以组合形式将两个事件处理程序添加到元素或节点？

Question

我知道在 jQuery 中我们可以以组合形式添加多个事件处理程序，但是如何在纯 Javascript 中做到这一点？

我们如何以组合形式附加事件处理程序，如下所示：

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

但它抛出了一个类型错误。

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但真的有一点吗？