2

Нужно установить несколько обработчиков события на элемент(клик, нажатия клавиши). Ниже код с примером.

Пример:

window.addEventListener('click', function() {
      alert('А я сработало..') 
}, false);
window.addEventListener('keypress', function() {
      alert('А я сработало..') 
}, false);

Но возможно есть какой-то красивый вариант записи кода. К примеру, чтоб обработчики можно было перечислить в строку(без jQuery) ?

7
  • всегда можно написать свою функцию
    – Grundy
    27 апр 2017 в 9:06
  • @Grundy, стандартных возможностей для такой записи в js нет ?
    – Kiril1995
    27 апр 2017 в 9:09
  • Если бы были, то jQuery был бы не нужен :)
    – Grundy
    27 апр 2017 в 9:14
  • А в jQuery изи на самом деле реализовать такое.
    – Eugen Eray
    27 апр 2017 в 9:15
  • @Grundy, что-то всё больше разработчиков от него (jquery) отказываються. Не пойму почему... Удобная штука)
    – Kiril1995
    27 апр 2017 в 9:18

2 ответа 2

3

В функцию addEventListener первым параметром передается конкретный тип события. Передача списка не поддерживается ни в каком виде: ни в строке через разделитель, ни в массиве.

Всегда можно сделать свою функцию, которая будет сама проходить по переданным типам событий и вызывать addEventListener, например:

registerHandler(target, types, handler){
    types.split(' ').forEach(type=> target.addEventListener(type, handler, false));
}

данную функцию можно вызвать следующим образом

registerHandler(window, 'click keypress', function() {
  console.log('А я сработало..');
});
1
  • Спасибо, отличный способ
    – Kiril1995
    27 апр 2017 в 9:23
3

Можно сделать как то так:

['click', 'keypress', 'resize', 'scroll'].forEach(event =>
  window.addEventListener(event, function() {
    alert('А я сработало..')
  }, false)
);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.