码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-10-24 23:21:43      阅读:332      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!