Add mass listener snippets
This commit is contained in:
28
snippets/removeEventListenerAll.md
Normal file
28
snippets/removeEventListenerAll.md
Normal file
@ -0,0 +1,28 @@
|
||||
---
|
||||
title: removeEventListenerAll
|
||||
tags: browser,event,intermediate
|
||||
---
|
||||
|
||||
Detaches an event listener from all the provided targets.
|
||||
|
||||
- Use `Array.prototype.forEach()` and `EventTarget.removeEventListener()` to detach the provided `listener` for the given event `type` from all `targets`.
|
||||
|
||||
```js
|
||||
const removeEventListenerAll = (
|
||||
targets,
|
||||
type,
|
||||
listener,
|
||||
options,
|
||||
useCapture
|
||||
) => {
|
||||
targets.forEach(target =>
|
||||
target.removeEventListener(type, listener, options, useCapture)
|
||||
);
|
||||
};
|
||||
```
|
||||
|
||||
```js
|
||||
const linkListener = () => console.log('Clicked a link');
|
||||
document.querySelector('a').addEventListener('click', linkListener);
|
||||
removeEventListenerAll(document.querySelectorAll('a'), 'click', linkListener);
|
||||
```
|
||||
Reference in New Issue
Block a user