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:注意平台版本的兼容性

posted on 2014-02-25 23:01  麥籽  阅读(191)  评论(0编辑  收藏  举报