在触摸设备上拖动时停止滚动

Stopping scroll when dragging on touch devices

本文关键字:滚动 拖动 触摸      更新时间:2023-09-26

我有下面的拖放列表组件,它与基于鼠标的事件完全一样, 应该与触摸事件一样工作,但不幸的是,当触摸事件开始拖动列表项时,屏幕同时滚动(使拖动相当无效)。

  • 组件示例
  • <
  • github来源/gh>

我想知道的是什么是最有效的方法来防止这个滚动事件发生。这段代码是使用Ember框架编写的,但是一个特定于js的答案也可以。

您可以阻止默认行为:

$(".handle").on('touchstart',function(ev) {ev.preventDefault();})