基本事件:
- touchstart //手指刚接触屏幕时触发
- touchmove //手指在屏幕上移动时触发
- touchend //手指从屏幕上移开时触发
- touchcancel //触摸过程被系统取消时触发
每个事件都有以下列表,比如touchend的targetTouches当然是 0 咯:
- touches //位于屏幕上的所有手指的列表
- targetTouches //位于该元素上的所有手指的列表
- changedTouches //涉及当前事件的所有手指的列表
每个事件有列表,每个列表还有以下属性:
其中坐标常用pageX,pageY:
- pageX //相对于页面的 X 坐标
- pageY //相对于页面的 Y 坐标
- clientX //相对于视区的 X 坐标
- clientY //相对于视区的 Y 坐标
- screenX //相对于屏幕的 X 坐标
- screenY //相对于屏幕的 Y 坐标
- identifier // 当前触摸点的惟一编号
- target //手指所触摸的 DOM 元素
其他相关事件:
- event.preventDefault() //阻止触摸时浏览器的缩放、滚动条滚动
- var supportTouch = "createTouch" in document //判断是否支持触摸事件