首页 > 移动平台 > 详细

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

时间:2014-02-26 15:54:10      阅读:358      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
在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位置
bubuko.com,布布扣

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

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

原文:http://www.cnblogs.com/smile365/p/3568072.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!