Add multiple listeners
Adds multiple event listeners with the same handler to an element.
- Use
Array.prototype.forEach()
andEventTarget.addEventListener()
to add multiple event listeners with an assigned callback function to an element.
const addMultipleListeners = (el, types, listener, options, useCapture) => { types.forEach(type => el.addEventListener(type, listener, options, useCapture) ); }; addMultipleListeners( document.querySelector('.my-element'), ['click', 'mousedown'], () => { console.log('hello!') } );