JavaScript Element mousewheel Event

const stage = document.getElementById("stage");

stage.addEventListener("mousewheel", () => {
  console.log("mousewheel fired (legacy)");
});

// May stay silent in Firefox (MDN)

const stage = document.getElementById("stage");

stage.addEventListener("wheel", (event) => {
  console.log(
    "wheel deltaY=" + event.deltaY,
    "deltaX=" + event.deltaX,
    "mode=" + event.deltaMode
  );
});

const stage = document.getElementById("stage");

function onScrollGesture(event, source) {
  const dy = source === "wheel" ? event.deltaY : -event.wheelDelta;
  console.log(source, "dy≈", dy);
}

if ("onwheel" in window) {
  stage.addEventListener("wheel", (event) => onScrollGesture(event, "wheel"));
} else {
  stage.addEventListener("mousewheel", (event) =>
    onScrollGesture(event, "mousewheel")
  );
}