移动端拖动元素

移动端拖动元素

移动端拖动元素

- 题目描述

  把课上的移动端拖动元素案例写一遍

- 训练目标

  能够会使用touch事件书写移动端拖动元素案例

- 训练提示

  1. touchstart、touchmove、touchend可以实现拖动元素

  2. 但是拖动元素需要当前手指的坐标值 我们可以使用  targetTouches[0] 里面的pageX 和 pageY 

  3. 移动端拖动的原理：    手指移动中，计算出手指移动的距离。然后用盒子原来的位置 + 手指移动的距离

  4. 手指移动的距离：  手指滑动中的位置 减去  手指刚开始触摸的位置