EventTarget: removeEventListener()

Baseline

20157

removeEventListener() EventTarget EventTarget.addEventListener()

removeEventListener() EventTarget

EventTarget

: capture 2

AbortSignal addEventListener() abort()

removeEventListener(type, listener)
removeEventListener(type, listener, options)
removeEventListener(type, listener, useCapture)

type

listener

options

capture: false

useCapture

false

addEventListener() type listener removeEventListener() options useCapture

addEventListener() removeEventListener() capture/useCapture removeEventListener()

addEventListener()

element.addEventListener("mousedown", handleMouseDown, true);

2 removeEventListener()

element.removeEventListener("mousedown", handleMouseDown, false); // 
element.removeEventListener("mousedown", handleMouseDown, true); //

1 useCapture 2 useCapture

element.addEventListener("mousedown", handleMouseDown, { passive: true });

options passive true false

removeEventListener() capture useCapture true

capture removeEventListener()

element.removeEventListener("mousedown", handleMouseDown, { passive: true }); // 
element.removeEventListener("mousedown", handleMouseDown, { capture: false }); // 
element.removeEventListener("mousedown", handleMouseDown, { capture: true }); // 
element.removeEventListener("mousedown", handleMouseDown, { passive: false }); // 
element.removeEventListener("mousedown", handleMouseDown, false); // 
element.removeEventListener("mousedown", handleMouseDown, true); //

addEventListener() removeEventListener()

mouseover click

const body = document.querySelector("body");
const clickTarget = document.getElementById("click-target");
const mouseOverTarget = document.getElementById("mouse-over-target");

let toggle = false;
function makeBackgroundYellow() {
  body.style.backgroundColor = toggle ? "white" : "yellow";

  toggle = !toggle;
}

clickTarget.addEventListener("click", makeBackgroundYellow);

mouseOverTarget.addEventListener("mouseover", () => {
  clickTarget.removeEventListener("click", makeBackgroundYellow);
});


DOM # ref-for-dom-eventtarget-removeeventlistener

EventTarget.addEventListener()

MDN

MDN 2026715

GitHub