将多个事件绑定到侦听器(没有 JQuery)

在POJS中，一次添加一个侦听器.为同一元素上的两个不同事件添加相同的侦听器并不常见.你可以编写自己的小函数来完成这项工作，例如:

/* Add one or more listeners to an element
** @param {DOMElement} element - DOM element to add listeners to
** @param {string} eventNames - space separated list of event names, e.g. 'click change'
** @param {Function} listener - function to attach for each event as a listener
*/
function addListenerMulti(element, eventNames, listener) {
  var events = eventNames.split(' ');
  for (var i=0, iLen=events.length; i<iLen; i++) {
    element.addEventListener(events[i], listener, false);
  }
}

addListenerMulti(window, 'mousemove touchmove', function(){…});

Hopefully it shows the concept.

Edit 2016-02-25个

达尔加德的 comments 让我重新审视了这一点.我想，现在在一个元素上为多个事件添加同一个侦听器更常见，以涵盖使用中的各种接口类型，而Isaac的回答提供了一个很好的内置方法来减少代码(尽管代码更少本身并不一定是一个额外的好处).通过ECMAScript 2015箭头函数进行扩展，可提供:

function addListenerMulti(el, s, fn) {
  s.split(' ').forEach(e => el.addEventListener(e, fn, false));
}

A similar strategy could add the same listener to multiple elements, but the need to do that might be an indicator for event delegation.