#思考# 鼠標拖拽mousemove和移動端touchmove問題

需求

• 移動實現手指觸摸移動物體
• PC端實現鼠標拖拽物體

實現

• 移動端 經過touchstart和touchmove事件實現

一、touchstart時記錄手指按下的位置 x=event.touch[0].pageX, y=event.touch[0].pageY,爲A(爲了方便描述)
二、移動時touchmove中獲取移動過程當中的位置,爲B
三、計算這次移動的距離C（正或者負），
四、將移動物體的絕對位置更新：原始位置加上移動距離，
五、更新A的值。進入下一次移動事件

• PC端

一、mousedown時記錄手指按下的位置 x=event.clientX, y=event.clientY,爲A(爲了方便描述)
二、移動時touchmove中獲取移動過程當中的位置,爲B
三、計算這次移動的距離C（正或者負），
四、將移動物體的絕對位置更新：原始位置加上移動距離，
五、更新A的值。進入下一次移動事件