首页 > 移动平台 > 详细

javascript判断移动应用手势滑动屏幕方向

时间:2015-10-24 23:19:05      阅读:257      评论:0      收藏:0      [点我收藏+]

方案思路:

1、滑动屏幕事件使用HTML5 的 touchstart 滑动开始事件和 touchend 滑动结束事件。

2、方向的判断,以起点做平面坐标系,与终点连线做直线,直线与x正半轴计算角度;我们以45度角为方向分割线,如:只要滑动角度大于等于45度且小于135度,则判断它方向为向上滑。

3、使用Math.atan2()来计算起点与终点形成的直线角度。

4、仔细对比标准坐标系与屏幕坐标系,我们发现,标准坐标系,上半轴为负值,要实现转换,只需要调换Y坐标起点与终于位置即可。

代码实现:

 

 

[网上参考]:http://m.blog.csdn.net/blog/u011004053/33741859

 

javascript判断移动应用手势滑动屏幕方向

原文:http://www.cnblogs.com/k11590823/p/4907915.html

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