Skip to content

Commit bb296e1

Browse files
authored
Merge pull request Chalarangelo#1413 from mberger75/master
Added snippet addMultipleEvents
2 parents d92be3e + fdc7cb0 commit bb296e1

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

snippets/addMultipleEvents.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
---
2+
title: addMultipleListeners
3+
tags: browser,event,intermediate
4+
---
5+
6+
Add multiple event listeners with the same handler to an element.
7+
8+
- Use `Array.prototype.forEach()` and `EventTarget.addEventListener()` to add multiple event listeners with an assigned callback function to an element.
9+
10+
```js
11+
const addMultipleListeners = (el, types, listener, options, useCapture) => {
12+
types.forEach(type => el.addEventListener(type, listener, options, useCapture));
13+
}
14+
```
15+
16+
```js
17+
addMultipleListeners(
18+
document.querySelector('.my-element'),
19+
['click', 'mousedown'],
20+
() => { console.log('hello!') }
21+
);
22+
```

0 commit comments

Comments
 (0)