移动端触屏事件

touch事件
移动端常见屏幕操作场景:单击、双击、长按、滑动、缩放、旋转
在移动端,以上所有的操作场景,都是基于触屏事件实现的

移动端新增了4个与手指触摸相关的事件:
touchstart:手指放到屏幕上时触发
touchmove:手指在屏幕上滑动时触发(会触发多次)
touchend:手指离开屏幕时触发
touchcancel:系统取消touch事件的时候触发,比如电话(了解)

可以通过事件对象获取触屏的数据
事件对象中有三个属性都可以获取触屏的数据
1-targetTouches:记录目标元素上的触屏数据(推荐)
2-touches:记录的是整个屏幕上所有的触屏数据
3-changedTouches:记录触屏状态改变时的触屏数据
   在触屏结束时,只有changedTouches可以获取数据,里面会存储手指指离开屏幕时的数据

posted @ 2020-09-13 17:38  MIKE-CHOW  阅读(136)  评论(0)    收藏  举报