博客

Vue中判断鼠标向上还是向下滚动

  • Post author:
  • Post category:vue


  1. 标签中监听鼠标滚动事件 
@mousewheel="mouseWheel"
  1. 根据事件 e 的 wheelDelta 和 detail 的正负来判断向上还是向下滚动 
methods: {
    mouseWheel (e) {
      if (e.wheelDelta || e.detail) {
        if (e.wheelDelta > 0 || e.detail < 0) {     //当鼠标滚轮向上滚动时
          console.log("向上")
        }
        if (e.wheelDelta < 0 || e.detail > 0) {     //当鼠标滚轮向下滚动时
          console.log("向下")
        }
      }
    }
  }


版权声明：本文为qq_52438072原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。