美文网首页
滚轮事件对比

滚轮事件对比

作者: 郑哲明 | 来源:发表于2016-11-07 14:52 被阅读117次

    keywords: scroll、wheel、mousewheel、DOMMouseScroll


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

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

    滚轮事件

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

    参考:
    mdn : MouseWheelEvent

    相关文章

      网友评论

          本文标题:滚轮事件对比

          本文链接:https://www.haomeiwen.com/subject/jttouttx.html