想通过touchmove等事件实现一个拖拽排序效果在真机上失效

Dustin02

我想使用longPress+一系列touch事件实现拖拽排序功能,在模拟器及浏览器上效果正常真机会被打断,实现思路为对列表item进行longpress后,将样式改为position:fixed,再通过touchmove事件更新item位置,最终松手后通过touchend进行新位置的定位;但是跑真机上longpress后,move第一下就被外层容器的滑动事件打断了,代码中已在列表item的touchmove事件中写入了

 $evt.stopPropagation()禁止冒泡的这行代码,是否有解决方案呢

韩孝进

Dustin02 发表于 2023-2-8 16:29 我想使用longPress 一系列touch事件实现拖拽排序功能,在模拟器及浏览器上效果正常真机会被打断,实现思路为 ...

通用事件，阻止冒泡方法是没用的。这个目前是没有办法解决的，外层容器有事件，拖动时必会被打断的。建议考虑下用stack组件堆叠的方式看下是否可行。

Dustin02

韩孝进 发表于 2023-2-10 10:03 通用事件，阻止冒泡方法是没用的。这个目前是没有办法解决的，外层容器有事件，拖动时必会被打断的。建议 ...

好的非常感谢