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

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>
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容