Javascript监听触摸事件

touchstart

在触摸开始时触发事件
touchend

在触摸结束时触发事件
touchmove

在触摸期间时触发事件

整个触摸其实经历了这么一个过程
touchstart -> touchmove ->touchmove -> … -> touchmove ->touchend

利用touchstart和touchend触摸前后监听到的四个坐标分别是触摸前x，y坐标和触摸后x，y坐标，然后用数学公式进行运算得出方向

document.getElementsByTagName('body')[0].addEventListener('touchstart', function(e) {
touch.startY = e.targetTouches[0].pageY;
touch.startX = e.targetTouches[0].pageX;
//console.log("点击时的X坐标" + nStartX + "和Y坐标" + nStartY);
});

document.getElementsByTagName('body')[0].addEventListener('touchmove', function(e) {
touch.whenChangY = e.changedTouches[0].pageY;
touch.whenChangX = e.changedTouches[0].pageX;
//console.log("滑动时的X坐标" + nWhenChangX + "和Y坐标" + nWhenChangY);
})
document.getElementsByTagName('body')[0].addEventListener('touchend', function(e) {
touch.changY = e.changedTouches[0].pageY;
touch.changX = e.changedTouches[0].pageX;
//console.log("滑动后的X坐标" + nChangX + "和Y坐标" + nChangY);
var swDirection = direction(touch.startX, touch.changX, touch.startY, touch.changY);