element.removeEventListener() Remove event listener
Last updated: 2026-09-09
element.removeEventListener() Remove event listener
removeEventListener removes a listener — must pass the exact same function reference.
| Category | DOM |
|---|---|
| ES version | DOM |
📝 Syntax
el.removeEventListener('click', handler);⚙️ Parameters
| type | The event type. |
|---|---|
| listener | The exact same function reference. |
Returns：undefined.
Mutates the original：No (returns a new value)
▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
(listener removed)⚠️ Warning Must pass the exact same function reference — anonymous functions cannot be removed.
💡 Tip Use named functions or assign to a variable for later removal.
🌐 Browser support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.removeEventListener() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported by all modern browsers | |||||
🏷️ Related Items
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
❓ FAQ
QWhy the same function reference?
AInternally matched by reference — different functions (even same content) are different listeners.
QHow to remove an anonymous listener?
AUse AbortController: new AbortController + signal option.
QWhat is the third argument?
AOptions: { once, capture, passive, signal }.
