Как добавить несколько слушателей событий на кнопку? - PullRequest
0 голосов
/ 01 декабря 2018

Я хочу добавить несколько слушателей к моим кнопкам, используя JavaScript ES6.Я следую этому руководству

По какой-то причине оно не работает для меня.

HTML:

<input type="button" value="Button">

JavaScript:

function multipleEventsListeners(elem, events, func) {
    events.split().forEach(e => elem.addEventListener(e, func, false));
}

const INPUT = document.querySelector('input');
multipleEventsListeners(INPUT, 'onclick ontouchstart', function(e) {
    console.log(this.tagName);
});

Ответы [ 2 ]

0 голосов
/ 01 декабря 2018

1) split должно быть split(' ') для разделения на пробел

2) Ваши события должны быть click и touchstart.

function multipleEventsListeners(elem, events, func) {
  events.split(' ').forEach(e => elem.addEventListener(e, func, false));
}

const INPUT = document.querySelector('input');
multipleEventsListeners(INPUT, 'click touchstart', function(e) {
  console.log(this.value);
});
<input type="button" value="Button">
0 голосов
/ 01 декабря 2018

events передается как одна строка - я думаю, что ваша проблема вызвана неправильным разбиением этой строки.Используйте ' ' в качестве разделителя.

function multipleEventsListeners(elem, events, func) {
    events.split(' ').forEach(e => elem.addEventListener(e, func, false));
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...