EventTarget: removeEventListener()

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

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

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

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

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); //  

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, false);

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