关于figma中禁止用户触摸板进行缩放的实现?

作者站长头像
站长
· 阅读数 9

我在开发一款具有缩放功能的网页,但是如果用户使用触摸板等是可以对网页进行缩放的,这就导致了工具栏会位移到看不见的地方,我想知道类似于figma中是如何实现禁止缩放的

回复
1个回答
avatar
test
2024-07-01

已经解决,触摸板触发的事件实际上是ctrl加+的操作,把对应的keyword禁用就可以了

  <script>
    document.addEventListener('mousewheel', function (e) {
      e = e || window.event;
      if ((e.wheelDelta && event.ctrlKey) || e.detail) {
        event.preventDefault();
      }
    }, {
      capture: false,
      passive: false
    });
  </script>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容