HTML5触摸事件

touchstarttouchmovetouchend 事件

touchstart事件:当手指触摸屏幕时触发,即使有一个手指放在屏幕上也会触发。

touchmove事件:当手指在屏幕上滑动时触发,在这个事件发生期间,调用preventDefault()事件可以阻止滚动。  

touchend事件:当手指从屏幕上离开时触发。

touchcancel事件:当系统停止跟踪触摸的时候触发。

所有事件都会冒泡,也都可以取消。每个触摸事件的event对象都提供了在鼠标中常见的属性:bubbles cancelable clientX clientY screenX screenY

touches:表示当前跟踪的触摸操作的touch对象数组。

targetTouches:特定于事件目标的Touch对象数组。

changeTouches:表示上次触摸以来发生了什么改变的Touch对象数组。

每个Touch对象包含的属性如下:

clientX:触摸目标在视口中的x坐标

clientY:触摸目标在视口中的y坐标

identifier:标识触摸的唯一ID

pageX:触摸目标在页面中的x坐标

pageY:触摸目标在页面中的y坐标

screenX:触摸目标在屏幕中的x坐标

screenY:触摸目标在屏幕中的y坐标

target:触摸目标的DOM节点目标

 

posted @ 2017-06-01 10:11  烂拖鞋  阅读(296)  评论(0编辑  收藏  举报