touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板的操作。
touchstart | 手指触摸到一个DOM元素触发 |
touchmove | 手指在一个DOM元素上滑动时触发 |
touchmove | 手指从一个DOM元素上移开时触发 |
var div = document.querySelector('div');
div.addEventListener('touchstart',function(){
console.log('被摸了');
})
TouchEvent是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。这类事件用于描述一个或者多个触点,使开发者可以检测触点的移动,触点的增加和减少,等等
touchstart、touchmove、touchmove都会有各自的事件对象。
三个常见的对象列表
touches | 正在触摸屏幕的所有手指的一个列表 |
targetTouches | 正在触摸当前DOM元素上的手指的一个列表 |
changedTouches | 手指状态发生了改变的列表,从无到有,从有到无 |
div.addEventListener('touchstart',function(e){
console.log(e);
})
console.log(e.targetTouches[0]);//就可以得到正在触摸dom元素的第一个手指的相关信息,比如手指坐标
学习快乐!