挪移端中touch事件的详解-
发布时间:09/01 来源:未知 浏览:
关键词:
1.touchstart
当手指触碰屏幕时候触发
dom.addEventListener('touchstart',function(e){}); startX=e.touches[0].clientX;
事件返回的e
对象包括的挪移端特有的属性:
tarchTouches:指标元素的所有目前抚摸
changedTouches:页面上最新更改的所有抚摸
touches: 页面上所有的抚摸
2.touchmove
手指在屏幕上滑动时陆续触发
dom.addEventListener('touchmove',function(e){});
事件返回的e
对象包括的挪移端特有的属性:
tarchTouches:指标元素的所有目前抚摸
changedTouches:页面上最新更改的所有抚摸
touches: 页面上所有的抚摸
3.touchend
当手指脱离屏幕时触发
dom.addEventListener('touchend',funciton(e){}); //在touchend中,touches拿不到touch对象, //由于抚摸已经完毕,changedTouches中拿到抚摸对象 //console.log(e); //endX=e.touches[0]; undefined endX=e.changedTouches[0].clientX;
事件返回的e
对象包括的挪移端特有的属性:
changedTouches:页面上最新更改的所有抚摸
touchcancel: 系统休止跟踪抚摸时会触发。(不时常用)
在touchend事件的时候,event知会记载changeTouches
4. e.touches[0]
clientX:抚摸指标在视口中的X坐标。
clientY:抚摸指标在视口中的Y坐标。
pageX:抚摸指标在页面中的x坐标。
pageY:抚摸指标在页面中的y坐标。
screenX:抚摸指标在屏幕中的x坐标。
screenY:抚摸指标在屏幕中的y坐标。