HTML5单页面手势滑屏切换原理 html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法

1. /*手指放在屏幕上*/    
2. document.addEventListener("touchstart",function(e){    
3. e.preventDefault();    
4. var touch = e.touches[0];    
5. startX = touch.pageX;    
6. startY = touch.pageY;    
7. initialPos = currentPosition; //本次滑动前的初始位置    
8. viewport.style.webkitTransition = ""; //取消动画效果    
9. startT = new Date().getTime(); //记录手指按下的开始时间    
10. isMove = false; //是否产生滑动    
11. }.bind(this),false);   
    

ontouchmove: 获得当前所在位置，计算手指在屏幕上的移动差量deltaX,然后使页面跟随移动

ontouchend:手指离开屏幕时，计算屏幕最终停留在哪一页。首先计算手指在屏幕上的停留时间deltaT,如果deltaT<300ms，则认为是快速滑动，相反则是慢速滑动，快速滑动和慢速滑动的处理是不同的：
(1)如果是快速滑动，则让当前页面完整的停留在屏幕中央(需要计算当前页面还有多少需要滑动)
(2)如果是慢速滑动，还需要判断手指在屏幕上滑动的距离，如果滑动的距离没有超过屏幕宽度50%，则要回退到上一页，相反则要停留在当前页面

除此之外，还要计算当前页面是第几页，并设置当前页码