如何将多个事件侦听器添加到按钮？

Question

I want to add multiple listeners to my buttons using JavaScript ES6. I am following this guide

For some reason, it is not working for me.

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);
});

Answer 1

events is passed in as a single string - I think the problem you are having is caused by not splitting this string correctly. Use ' ' as your split separator.

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

Answer 2

1) split should be split(' ') to split on the space

2) Your events should be click and 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">