JavaScript Element MozMousePixelScroll Event

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

stage.addEventListener("MozMousePixelScroll", (event) => {
  console.log("MozMousePixelScroll detail=" + event.detail);
});

// May stay silent outside 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) {
  if (source === "wheel") {
    console.log("wheel dy=" + event.deltaY);
    return;
  }
  console.log("MozMousePixelScroll detail=" + event.detail);
}

stage.addEventListener("wheel", (event) => onScrollGesture(event, "wheel"));
stage.addEventListener("MozMousePixelScroll", (event) =>
  onScrollGesture(event, "MozMousePixelScroll")
);