touch事件
- 移动端特有事件,换句话说,触屏设备特有事件,Android,iOS设备
- 前三个很重要,需要牢牢掌握。
touchstart
- 手指刚刚触摸到屏幕处触发的事件
touchmove
- 手指在屏幕上滑动的时候,会不停地触发
touchend
- 手指离开屏幕的时候触发
touchcancel
- 被迫终止(比如说突然来电)滑动,触发的事件
怎么绑定这些事件
绑定:on 但是第二次会覆盖
/* 给div绑定touch事件 */
var dom = document.querySelector("div");
// touchstart
//dom.attachEvent(); ie
/* 手指刚刚触摸到屏幕处触发的事件 */
dom.addEventListener("touchstart",function(){
console.log("touchstart");
});
/* 手指在屏幕上滑动的时候,会不停地触发 */
dom.addEventListener("touchmove",function(){
console.log("touchmove");
});
/* 手指离开屏幕的时候触发 */
dom.addEventListener("touchend",function(){
console.log("touchend");
});