分享免费的编程资源和教程

网站首页 > 技术教程 正文

鼠标滚轮的滚动事件,判断鼠标向上还是向下滚动

goqiw 2024-10-26 11:06:48 技术教程 13 ℃ 0 评论
    // 鼠标滚动事件
    windowAddMouseWheel() {
      let that = this;
      var scrollFunc = function (e) {
        e = e || window.event;
        if (e.wheelDelta) {
          //判断浏览器IE,谷歌滑轮事件
          if (e.wheelDelta > 0) {
            //当滑轮向上滚动时
            console.log("向上滚动")
          }else if(e.wheelDelta < 0){
			console.log("向下滚动")
			}
        } else if (e.detail) {
          //Firefox滑轮事件
          if (e.detail > 0) {
            //当滑轮向上滚动时
  			 console.log("向上滚动")
          }else if (e.detail < 0) {
            //当滑轮向下滚动时
 			console.log("向下滚动")
          }
        }
      };
      //给页面绑定滑轮滚动事件
      if (document.addEventListener) {
        //火狐使用DOMMouseScroll绑定
        document.addEventListener("DOMMouseScroll", scrollFunc, false);
      }
      //其他浏览器直接绑定滚动事件
      window.onmousewheel = document.onmousewheel = scrollFunc;
    },

没了,结束了,是不是很简单呐,如有错误,欢迎留言.如有问题,不吝赐教。
如果此篇博文对您有帮助,还请动动小手点赞 收藏 ?留言 呐~,谢谢 ~ ~

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表