鼠标滚轮触发的原因是什么？

Question

我想要一个滑块，可以通过 jquery 使用鼠标滚轮来切换幻灯片。当鼠标滚轮触发时，哪个命令负责？我希望在您稍微使用滚轮后改变幻灯片，而不是在滚动一段时间后改变。

Answer 1

可以使用onwheel事件：

 <element onwheel="myScript">

或

document.getElementById("myDIV").addEventListener("wheel", myFunction);

function myFunction(event) {
  console.log(event);
}

您可以使用 jquery:

$("#myDIV").on({
  wheel: function(event){
      console.log(event.originalEvent.deltaY);
    }
  });

事件对象包含以下数据：

deltaX: Returns鼠标滚轮水平滚动量（x轴）

deltaY:Returns鼠标滚轮的垂直滚动量（y轴）

deltaZ: Returns鼠标滚轮在z轴上的滚动量

deltaMode：Returns 一个数字，表示 delta 值的测量单位（像素、行或页）

例如你可以调用event.deltaY得到Y方向的滚动量

What is responsible for the mousewheel trigger?