【JavaScript】 e.deltaY e.wheelDeltaY 在mac上缩放只能放大或者放小问题

mac 的 e.deltaY 值和win是不相同的,因此不能用具体数值(win滚轮向上是e.deltaY是-100,e.wheelDeltaY是120)判断

  // mac 和 win 上的值不一样 只能判断是否大于小于0
  console.log('e.deltaY', e.deltaY);
  console.log('e.wheelDeltaY', e.wheelDeltaY);
  // 浏览器兼容 chrome 为e.deltaY  firefox 为e.wheelDeltaY
  // 统一向上滚动为正值,向下滚动为负值
  let dy = -e.deltaY || e.wheelDeltaY;
  if (dy < 0) {
    console.log('缩小');
    scaleData.scale -= scaleData.scaleNum;
  } else {
    console.log('放大');
    scaleData.scale += scaleData.scaleNum;
  }
posted @ 2023-03-28 10:53  努力挣钱的小鑫  阅读(73)  评论(0编辑  收藏  举报