js 移动端触摸事件

手机触摸事件

手指开始触摸事件 ontouchstart

手指移动触点事件 ontouchmove

手指离开屏幕事件 ontouchend

手指触点被取消时事件 ontouchcancel， 比如来电显示会中断我们对于屏幕的控制

var box = document.querySelect('.box');
box.ontouchstart = function (e) {
    // 获取触点页面坐标
    console.log(e.changedTouches[0].pageX); // 横坐标
    console.log(e.changedTouches[0].pageY); // 纵坐标
}

同样类似的写法可获取触点移动过程中触点页面坐标和触点离开页面时的页面坐标