js判断鼠标旋转度数以及顺逆方向详解

在JavaScript中，可以使用`wheel`事件来检测鼠标滚轮的滚动情况，其中`event.deltaY`属性表示滚动的距离。对于滚轮的旋转方向，可以通过判断`event.deltaY`的正负性来确定。如果`event.deltaY`为正数，则表示向前滚动（顺时针旋转），如果为负数，则表示向后滚动（逆时针旋转）。

判断鼠标旋转的度数需要先知道每次滚动鼠标滚轮所滚动的距离，一般为`120`。然后可以根据滚轮滚动的距离累加得到总共旋转的距离，再将总旋转距离除以`120`得到旋转的度数。

下面是一个示例代码，用于判断鼠标滚轮旋转的度数和方向：

let totalRotation = 0; // 记录总旋转距离

window.addEventListener('wheel', function(event) {
  const delta = event.deltaY; // 获取滚动的距离
  if (delta > 0) {
    totalRotation += delta; // 累加总旋转距离
    console.log('向前滚动');
  } else if (delta < 0) {
    totalRotation += delta; // 累加总旋转距离
    console.log('向后滚动');
  }
  
  // 计算旋转的度数
  const degree = totalRotation / 120;
  console.log('旋转的度数：', degree);
});

在上述代码中，`totalRotation`变量用于记录总的旋转距离，每次滚动的距离`delta`会被累加到`totalRotation`中。然后根据`totalRotation`计算旋转的度数`degree`。如果`delta`为正数，则表示向前滚动，即顺时针旋转；如果`delta`为负数，则表示向后滚动，即逆时针旋转。