原生 JavaScript 实现拖拽排序时，为什么你的 touch 事件在移动端不跟手？
原创
原生 JavaScript 实现拖拽排序时，为什么你的 touch 事件在移动端不跟手？
用户11716263
发布于 2026-11-14 10:15:04
发布于 2026-11-14 10:15:04
概述
做后台管理界面或者自定义看板时，拖拽排序是个很常见的需求。桌面端用 mouse 事件通常问题不大，但到了移动端，很多人会发现元素拖起来一顿一顿的，手指移动了元素却慢半拍，松手后位置还可能跳一下。这通常不是 CSS 动画的问题，而是 touch 事件模型没处理对：没有阻止默认滚动、没有正确使用 passive 监听、没有在 touchmove 里持续更新位置，或者把 clientY 和 pageY
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号