25 lines
732 B
Markdown
25 lines
732 B
Markdown
---
|
|
title: Remove event listener from element
|
|
tags: browser,event
|
|
expertise: intermediate
|
|
cover: blog_images/mug-flower-book.jpg
|
|
firstSeen: 2018-01-05T14:33:48+02:00
|
|
lastUpdated: 2020-10-21T21:54:53+03:00
|
|
---
|
|
|
|
Removes an event listener from an element.
|
|
|
|
- Use `EventTarget.removeEventListener()` to remove an event listener from an element.
|
|
- Omit the fourth argument `opts` to use `false` or specify it based on the options used when the event listener was added.
|
|
|
|
```js
|
|
const off = (el, evt, fn, opts = false) =>
|
|
el.removeEventListener(evt, fn, opts);
|
|
```
|
|
|
|
```js
|
|
const fn = () => console.log('!');
|
|
document.body.addEventListener('click', fn);
|
|
off(document.body, 'click', fn); // no longer logs '!' upon clicking on the page
|
|
```
|