移动端所有的事件都基于touch事件。
一：touch事件：touchstart、touchmove、touchend和touchcancel
- touchstart:当手指碰触屏幕的时候触发；
- touchmove:当手指在屏幕中滑动时候连续触发。移动端在用这个事件的时候通常会调用e.preventDefault()来阻止默认触发的页面滚动事件。
- touchend:当手指离开屏幕的时候触发。
- touchcancel:系统停止跟踪触摸时候回触发。（一般很少用）
二：触摸点:可以通过事件的event获取需要的相关触摸点信息。(eg:event.touches[0])
- touches:页面上的所有触摸点 touches[0];
- targetTouches:目标元素的所有当前触摸点;
- changedTouches:页面上最新更改的所有触摸点。
三：在每个触摸点中可以获取以下属性：
- clientX:触发目标在视口中的X坐标；
- clientY:
- pageX:触摸目标在页面中的x坐标；
- pageY:
- screenX:触发目标在屏幕中的X坐标；
- screenY:
- target:触摸的DOM节点坐标。
网友评论