Kebab file names

snippets/add-multiple-events.md

@@ -0,0 +1,27 @@
+---
+title: Add multiple listeners
+tags: browser,event
+cover: balloons
+firstSeen: 2020-10-08T00:40:30+03:00
+lastUpdated: 2020-10-22T20:23:47+03:00
+---
+
+Adds 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!') }
+);
+```