diff --git a/snippets/addMultipleEvents.md b/snippets/addMultipleEvents.md new file mode 100644 index 000000000..597476da4 --- /dev/null +++ b/snippets/addMultipleEvents.md @@ -0,0 +1,22 @@ +--- +title: addMultipleListeners +tags: browser,event,intermediate +--- + +Add multiple event listeners with the same handler to an element. + +- Use `Array.prototype.forEach()` and `EventTarget.addEventListener()` to add multiple event listeners with an assigned callback function to an element. + +```js +const addMultipleListeners = (el, types, listener, options, useCapture) => { + types.forEach(type => el.addEventListener(type, listener, options, useCapture)); +} +``` + +```js +addMultipleListeners( + document.querySelector('.my-element'), + ['click', 'mousedown'], + () => { console.log('hello!') } +); +```