js手机端如何拖动元素

2024-11-05 03:57:38

1、首先写上一个div标签以及样式

js手机端如何拖动元素

2、接着获取元素和声明全局变量

js手机端如何拖动元素

3、然后在手指触摸盒子后得到盒子的位置和刚开始手指的坐标

js手机端如何拖动元素

4、移动中再得到手指移动的距离

js手机端如何拖动元素

5、最后盒子移动坐标就为盒子的位置+移动的距离

js手机端如何拖动元素

6、总结:拖动手机端盒子需要获取初次点击时盒子位置和手指坐标,然后得到手指移动的距离和盒子位置相加就是盒子的移动坐标

js手机端如何拖动元素
猜你喜欢