触摸事件
用户手指放在屏幕上面时、在屏幕上滑动时或从屏幕上移开时触发。
除了常见的DOM属性外,还包括3个用于跟踪触摸的属性
上面的事件都冒泡,都可以取消
touchcancel:当系统停止跟踪触摸时触发
touchend:当手指从屏幕上移开时触发
touchmove:当手指在屏幕上滑动时连续的触发
touchstart:当手指触摸屏幕时触发
每个Touch对象包含下列属性:
changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组
targetTouches:特定于事件目标的Touch对象的数组
touches:表示当前跟踪的触摸操作的Touch对象的数组
事件发生顺序:
这些事件会在文档的所有元素上面触发,因而可以分别操作页面的不同部分
在touchend事件发生时,touches集合中就没有任何Touch对象了,因为不存在活动的触摸操作;此时,就必须转而使用changeTouches集合
target:触摸的DOM节点目标
screenY
screenX
pageY
pageX
identifier:表示触摸的唯一id
clientY
clientX
touchstart->mouseover->mousemove(一次)->mousedown->mouseup->click->touched
3个手势事件
手势通常会改变显示项的大小,或者旋转显示项
只有两个手指都触摸到事件的接收容器时才会触发这些事件
包含2个额外的属性
gestureend:当任何一个手指从屏幕上移开时触发
gesturechange:当触摸屏幕的任何一个手指的位置发生变化时触发
gesturestart:当一个手指已经按在屏幕上而另一个手指又触摸屏幕时触发。
scale:表示两个手指间距离的变化情况,值从1开始,拉大距离会增长
rotation:表示手指变化引起的旋转角度,负值为逆时针
来源: https://www.2cto.com/kf/201712/702157.html