Utility function to register multiple event listeners
npm install register-event-listeners


!Codecov
Utility function to register multiple event listeners
_In other words, utility function that multiple execute addEventListener/removeEventListener_
---
with yarn
``bash`
yarn add register-event-listeners
or
with npm
`bash`
npm install register-event-listeners
`javascript
import { registerEventListeners } from 'register-event-listeners'
const eventTarget = document.body
const onTouchStart = (event) => console.log(${event.type} event dispatched.)${event.type} event dispatched.
const onTouchMove = (event) => console.log()${event.type} event dispatched.
const onEnd = (event) => console.log()
const { register, unRegister } = registerEventListeners(eventTarget, [
['touchstart', onTouchStart],
['touchmove', onTouchMove, { passive: false }],
['touchend', onEnd],
['touchcancel', onEnd]
])
// Execute element.addEventListener(s) passed to the argument.
register()
// Now added event listeners. đ
// Execute element.removeEventListener(s) passed to the argument.
unRegister()
// Now removed event listeners. đ
`
| name | require | type | default | decstiption |
| ----------- | :-----: | :-------------------------------------------------------------------------------------------------------: | :-----: | ------------------------------------------------------------------------------------------------------- |
| eventTarget | â | EventTarget | - | MDN - EventTarget |
| listeners | â | Array(EventListeners) | - | MDN - addEventListener |
#### About the 2nd argument(listeners)
##### The element of the array
Element is same as the format of the argument of addEventListener
That is this đ [type, listener[, options])]
* type is event.type.listener
* is commonly called a handleroptions
* is listenerOptions
##### The 2nd argument should be like this.
`javascript`
[
['touchstart', onTouchStart, {capture: true, once: true}],
['touchmove', onTouchMove, { passive: false }],
['touchend', onEnd],
['touchcancel', onEnd]
]
#### Returns
##### register
register event listeners. In other words _addEventListeners_.
##### unRegister
unRegister event listeners. In other words _removeEventListeners_.
with Jest.
`bash`
yarn test
or
`bash``
npm run test
Use SemVer for versioning. For the versions available, see the tags on this repository.
MIT Š 1natsu172