30-seconds-of-code/snippets/addMultipleEvents.md

title, tags

title	tags
addMultipleEvents	JavaScript, Browser, Events, beginner

Add multiple event listener to an element.

• Use Array.prototype.forEach() and EventTarget.addEventListener() to add multiples event listener with an assigned callback function to an element.

const addMultipleEvents = (el, evts) => {
    evts.forEach(evt => el.addEventListener(evt.name, evt.fn, false));
}

addMultipleEvents(document.querySelector('.textInput'),
    [
        {name: 'mousedown', fn: () => console.log('mousedown event')},
        {name: 'touchstart', fn: () => console.log('touchstart event')},
        {name: 'change', fn: () => console.log('change event')}
    ]
);