js代码移动Div 移动平台与PC平台

在PC上,我们用js代码来移动Div,需要依次实现

onmousedown、onmousemove、onmouseup

这三个函数可以得到MouseEvent事件,从中取得坐标

event.clientX  // 得到鼠标X坐标

event.clientY  // 得到鼠标Y坐标

在移动平台(Android,iOS)以上三个函数替换为

ontouchstart、ontouchmove、ontouchend

这三个函数可以得到触屏的TouchEvent事件,可以从中取得坐标

event.touches  // 这里得到的是数组对象,在屏幕中的所有手指点

event.touches[0].pageX  // 第一个手指的X位置

event.touches[0].pageY  // 第一个手指的Y位置

 PS:注意平台版本的兼容性

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。