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

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：返回鼠标滚轮（x轴）的水平滚动量

deltaY：返回鼠标滚轮的垂直滚动量（y轴）

deltaZ：返回鼠标滚轮在z轴上的滚动量

deltaMode：返回一个数字，代表增量值（像素，行或页面）的度量单位

例如，您可以调用event.deltaY以获取沿Y方向的滚动量