js实现拖拽兼容pc端和手机端

pc端拖动时候用到的三个事件:mousedown、mousemove、mouseup

在移动端与之相对应的分别是:touchstart、touchmove、touchend事件。

还有一点要注意的是在PC端获取当前鼠标的坐标是:event.clientX和event.clientY,

在移动端获取坐标位置则是:event.touches[0].clientX和event.touches[0].clientY

//判断当前是touch还是click
var touch; if(event.touches) { touch = event.touches[0]; } else { touch = event; }

适配移动端和pc端的拖动效果

  

转载于:https://www.cnblogs.com/150536FBB/p/9965806.html

你可能感兴趣的:(js实现拖拽兼容pc端和手机端)