Как установить один обработчик на несколько событий на клссическом JS?

Question

[Денис]

Добрый день всем. На jquery, например, это реализуется через bind('event1 event2...eventN'), а на классическом JS, не совсем понятно как, например, на события mousedown, touchstart навесить один обработчик.

Answer 1

[Вячеслав]

var handler = function() {
}
elem.addEventListener('mousedown', handler);
elem.addEventListener('touchstart', handler);
elem.addEventListener('любое событие', handler);

Answer 2

[GreatRash]

С удивлением узнал, что bind ещё кто-то пишет...

['mouseover', 'mouseout', 'click'].forEach(function(i) {
  var handler = function() {
    console.log(i);
  };
  
  element.addEventListener(i, handler);
});

Answer 3

[Денис]

Это надо стопятьсот раз писать инструкцию elem.addEventListener

Comments

[Вячеслав]

При желании можете автоматизировать процесс.

Answer 4

[Дима Паутов]

stackoverflow.com/questions/8796988/binding-multip...

Answer 5

[M K]

Может что-то наподобие?

function addSomeEventsListener(elem,events,handler){
	events.forEach(function(item, i, arr) {
  	elem.addEventListener(item, handler);
	});
}

Answer 6

[Богдан]

вот статья здесь все подробно описано.
https://learn.javascript.ru/events-and-timing-depth