¿Vinculando múltiples eventos a un oyente (sin JQuery)?

Mientras trabajaba con eventos del navegador, comencé a incorporar los eventos táctiles de Safari para dispositivos móviles. Encuentro que addEventListeners se están acumulando con condicionales. Este proyecto no puede usar JQuery.

Un oyente de eventos estándar:

/* option 1 */
window.addEventListener('mousemove', this.mouseMoveHandler, false);
window.addEventListener('touchmove', this.mouseMoveHandler, false);

/* option 2, only enables the required event */
var isTouchEnabled = window.Touch || false;
window.addEventListener(isTouchEnabled ? 'touchmove' : 'mousemove', this.mouseMoveHandler, false);

JQuery's bindpermite múltiples eventos, así:

$(window).bind('mousemove touchmove', function(e) {
    //do something;
});

¿Hay alguna manera de combinar los dos oyentes de eventos como en el ejemplo de JQuery? ex:

window.addEventListener('mousemove touchmove', this.mouseMoveHandler, false);

Cualquier sugerencia o consejo son apreciados!

En POJS, agrega un oyente a la vez. No es común agregar el mismo oyente para dos eventos diferentes en el mismo elemento. Puede escribir su propia función pequeña para hacer el trabajo, por ejemplo:

/* 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(){…});

Esperemos que muestre el concepto.

Editar 25-02-2016

El comentario de Dalgard me hizo revisar esto. Supongo que agregar el mismo oyente para múltiples eventos en un elemento es más común ahora para cubrir los diversos tipos de interfaz en uso, y la respuesta de Isaac ofrece un buen uso de los métodos integrados para reducir el código (aunque menos código es, en sí mismo) , no necesariamente una bonificación). Extendido con las funciones de flecha ECMAScript 2015 da:

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

Una estrategia similar podría agregar el mismo oyente a múltiples elementos, pero la necesidad de hacerlo podría ser un indicador para la delegación de eventos.

Alguna sintaxis compacta que logra el resultado deseado, POJS:

   "mousemove touchmove".split(" ").forEach(function(e){
      window.addEventListener(e,mouseMoveHandler,false);
    });

Limpiando la respuesta de Isaac:

['mousemove', 'touchmove'].forEach(function(e) {
  window.addEventListener(e, mouseMoveHandler);
});

EDITAR

Función auxiliar ES6:

function addMultipleEventListener(element, events, handler) {
  events.forEach(e => element.addEventListener(e, handler))
}

Para mi; Este código funciona bien y es el código más corto para manejar múltiples eventos con las mismas funciones (en línea).

var eventList = ["change", "keyup", "paste", "input", "propertychange", "..."];
for(event of eventList) {
    element.addEventListener(event, function() {
        // your function body...
        console.log("you inserted things by paste or typing etc.");
    });
}

ES2015:

let el = document.getElementById("el");
let handler =()=> console.log("changed");
['change', 'keyup', 'cut'].forEach(event => el.addEventListener(event, handler));

Tengo una solución más simple para ti:

window.onload = window.onresize = (event) => {
    //Your Code Here
}

He probado esto y funciona muy bien, por el lado positivo, es compacto y sencillo como los otros ejemplos aquí.

AddEventListener toma una cadena simple que representa event.type . Por lo tanto, debe escribir una función personalizada para iterar sobre múltiples eventos.

Esto se maneja en jQuery usando .split ("") y luego iterando sobre la lista para establecer los EventListeners para cada uno types.

    // Add elem as a property of the handle function
    // This is to prevent a memory leak with non-native events in IE.
    eventHandle.elem = elem;

    // Handle multiple events separated by a space
    // jQuery(...).bind("mouseover mouseout", fn);
    types = types.split(" ");  

    var type, i = 0, namespaces;

    while ( (type = types[ i++ ]) ) {  <-- iterates thru 1 by 1

Una forma de hacerlo:

const troll = document.getElementById('troll');

['mousedown', 'mouseup'].forEach(type => {
	if (type === 'mousedown') {
		troll.addEventListener(type, () => console.log('Mouse is down'));
	}
        else if (type === 'mouseup') {
                troll.addEventListener(type, () => console.log('Mouse is up'));
        }
});

img {
  width: 100px;
  cursor: pointer;
}

<div id="troll">
  <img src="http://images.mmorpg.com/features/7909/images/Troll.png" alt="Troll">
</div>