您的位置:首页 > Web前端 > JavaScript

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

2014-02-25 23:01 696 查看
在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:注意平台版本的兼容性
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: