滚轮事件对比

---

keywords: scroll、wheel、mousewheel、DOMMouseScroll

---

最近研究自定义滚动条，发现滚动事件再各个浏览器中的实现各不相同，在此简单总结一下。

我们可能会将这几个事件混淆，即“滚动事件”或“滚轮事件”。scroll是“滚动事件”，而wheel、mousewheel、和DOMMouseScroll则是“滚轮事件”。这有什么不同呢？ scroll检测的是滚动条的滚动，当滚动条不能滚动（到顶或到底）时，scroll便不再触发。而滚轮事件则不同，它监测的是鼠标滚轮是否滚动，只要在滚动，便会触发。scroll的默认滚动行为是不能禁止的，而滚轮事件则可以阻止默认行为(event.preventDefault())。

滚轮事件

注意上面对滚轮事件的三种实现，其中wheel是面向未来的w3c标准。

参考：
mdn : MouseWheelEvent