移动web开发常用事件

• Touch 事件

• touchstart 当手指触碰屏幕的时候触发，不管当前有多少手指

• touchmove 当手指在屏幕中滑动时连续触发。移动端在用这个事件的时候通常会调用
  e.preventDefault()来阻止默认触发的页面滚动事件

• touchend 当手指离开屏幕的时候触发

• touchcancel 系统停止跟踪触摸时候会触发

• 触摸点：我们可以通过事件的event获取需要的相关触摸点信息

  • targetTouches ⽬标元素的所有当前触摸点

• changedTouches ⻚⾯上最新更改的所有触摸点

• touches ⻚⾯上的所有触摸点 touches[0]

• 在每个触摸点中我们可以获取以下属性

• clientX:触摸⽬标在视⼝中的X坐标。

• clientY:触摸⽬标在视⼝中的Y坐标。

• pageX：触摸⽬标在⻚⾯中的x坐标。

• pageY：触摸⽬标在⻚⾯中的y坐标。

• screenX:触摸⽬标在屏幕中的x坐标。

• screenY:触摸⽬标在屏幕中的y坐标。

• target:触摸的DOM节点坐标。

• Gesture 事件（不常⽤）

• gesturestart 当⼀个⼿指触摸屏幕之后，第⼆个⼿指再触摸屏幕时触发。

• gesturechange 当上⾯的事件触发后⽴即触发。

• gestureend 第⼆根⼿指离开屏幕时触发，之后将不会再次触发gesturechange。

• 在event当中会返回另外两个参数： scale 根据两个⼿指的滑动距离计算的缩放⽐例 初
  始1，rotation根据两个⼿指的滑动距离计算的旋转⻆度 初始 0。

• 过渡和动画结束事件

• transitionEnd 过渡结束后触发。

• animationEnd 动画结束后触发