javascript - 如何在没有库的情况下检测各种滚动？

Question

我想知道如何检测页面上的滚动事件这里有两种不同的滚动方式。

在桌面上:

1. 通过滚动鼠标滚轮(事件处理程序为 DOMElement.onwheel 事件处理程序)。
2. 按下鼠标滚轮并向适当的方向移动光标(也称为自动滚动)。

在移动设备上:

1. 向下或向上交换手指

如何按照第二种和第三种方式检测滚动事件？

Answer 1

在所有情况下，它都是一个滚动事件，因此:

window.addEventListener("scroll", function(e) {
  ...
});

第二个和第三个事件有一个共同点 - 它们发生在 mousedown 和 mouseup 框架内。您可以将其用于事件 flavor 检测。