微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

断开捏合缩放和 onScroll Web 事件的连接?

如何解决断开捏合缩放和 onScroll Web 事件的连接?

我正在 React 中开发一个非常标准的 Web 项目。页面中有几个地方,当用户滚动鼠标或触摸板时,我想防止文档滚动,并执行一些其他功能。就其本身而言,这非常简单,而且我仅使用事件处理程序就成功地实现了这一点。

但是,我们现在希望能够在触摸板上通过双指缩放来放大这些相同的位置。这就是我感到困惑的地方。捏缩放有效,但它似乎仍然触发 onScroll 和我的自定义行为。我不确定为什么 onScroll 会触发缩放,我真的不确定我将如何区分这些事件。

我花了一些时间查看 MDN 文档,但我所了解的只是如何正确处理捏合缩放的自定义行为。当我使用指针设备在某些元素上滚动时,我真的只想能够执行自定义行为并防止认滚动行为,但在缩放时不这样做。

有没有正确的方法解决这个问题?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。