Merge pull request #1413 from mberger75/master

Added snippet addMultipleEvents
This commit is contained in:
Isabelle Viktoria Maciohsek
2020-10-08 15:54:26 +03:00
committed by GitHub

View File

@ -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!') }
);
```