移动端拖动元素
- touchstart、touchmove、touchend可以实现拖动元素；
- 拖动元素需要当前手指的坐标值 可以使用
targetTouches[0]里面的pageX和pageY; - 移动端拖动的原理：手指移动中，计算出手指移动的距离。然后用盒子原来的位置+手指移动的距离；
- 手指移动的距离：手指滑动中的位置减去手指刚开始触摸的位置；
拖动元素三部曲：
- 触摸元素touchstart：获取手指初始坐标，同时获得盒子原来的位置；
- 移动手指touchmove:计算手指滑动距离，并且移动盒子；
- 离开手指touchend；
注意:手指移动也会触发滚动屏幕，所以这里要阻止默认的屏幕滚动e.preventDefault();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
最低0.47元/天 解锁文章
552
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
