移动端的难点
长按拾起(Apple, n.d.;Android Developers, n.d.),与上下文菜单区分规则,用手柄提示(Norman, 1999;Parhi et al., 2006)。
拖动反馈
阴影与触觉反馈,边缘自动滚动(Fitts, 1954;MDN, n.d.)。
替代方式
提供上移下移按钮(WCAG 2.2 2.5.7),避免与滑动操作方向冲突。
常见问题
- 如何开始拖动?
- 长按或手柄。
- 不能拖动的用户呢?
- 提供上移下移按钮。
来源核查日期:2026-10-27
参考文献
- Apple. (n.d.). Drag and drop. Human Interface Guidelines. 拾起、放置目标、取消。
- MDN Web Docs. (n.d.). HTML Drag and Drop API. 网页拖放事件。
- Android Developers. (n.d.). Drag and drop. 拖动阴影与目标。
- Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. 距离与目标大小。
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 拖动手柄尺寸。
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. 可拖动的提示。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.5.7拖动标准。
