Nest all content into snippets

snippets/js/s/add-multiple-events.md

@@ -0,0 +1,28 @@
+---
+title: Add multiple listeners
+type: snippet
+language: javascript
+tags: [browser,event]
+cover: balloons
+dateModified: 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!') }
+);
+```