TouchEvent 是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。
这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的增加和减少,等等
事件名
touchstart 手指触摸事件
touchmove 手指触摸移动事件
touchend 手指触摸松开事件
代码示例 :
<body> <div>阿士大夫撒地方</div> <script> // 1. 获取元素 // 2. 手指触摸DOM元素事件 var div = document.querySelector('div'); div.addEventListener('touchstart', function() { console.log('我摸了你'); }); // 3. 手指在DOM元素身上移动事件 div.addEventListener('touchmove', function() { console.log('我继续摸'); }); // 4. 手指离开DOM元素事件 div.addEventListener('touchend', function() { console.log('轻轻的我走了'); }); </script>
2. 触摸事件对象