当用户手指放在屏幕上面时,在屏幕上滑动时或从屏幕上移开时会触发一些相关事件,这类事件称之为触摸事件,有如下几个:html
1 |
touchstart //当手指触摸屏幕时触发,即便已经有一个手指放在了屏幕上也会触发 |
2 |
touchmove //当手指在屏幕上滑动时连续的触发 |
3 |
touchend //当手指从屏幕上移开时触发 |
4 |
touchcancel //当系统中止跟踪触发是触发,关于此类事件的确切触发时间,文档中没有明确说明 |
上面这几个事件都会冒泡,也均可以取消,每一个触摸事件的event对象都提供了在鼠标事件中常见的属性:bubbles,cancelable,view,clientX,clientY,screenX,screenY,detail,altKey,ctrlKey,shiftKey,metaKey
除了常见的DOM属性外,触摸时间还包含下列3个用于跟踪触摸属性:web
1 |
touches // 表示当前跟踪的触摸操做的Touch对象的数组 |
2 |
targetTouches // 特定与事件目标的Touch对象的数组 |
3 |
changeTouches // 表示自上次触摸以来发生了什么改变的Touch对象的数组 |
每一个触摸对象包含下列属性:数组
1 |
clientX // 触摸目标在视口中的X坐标 |
关于触摸目标能够看看这个http://classjs.com/demo/phone/03/touchdetail.html,对了别忘了在手机端的webkit核心的浏览器里查看。浏览器