移动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 动画结束后触发