这篇博客介绍了在移动端开发中如何使用touch事件监听用户的触摸操作。通过示例代码展示了touchstart、touchend和touchmove事件的使用，特别是clientX和clientY属性在跟踪手指移动时的角色。博客还详细解释了clientX、clientY、pageX、pageY以及screenX、screenY之间的区别，特别是它们在计算相对于屏幕和元素的偏移量时的不同考虑因素。
ul.addEventListener('touchstart',(e)=>{
touchstart= e.touches[0].clientX;
console.log(e)
})
ul.addEventListener('touchend',(e)=>{
console.log('touchend')
})
ul.addEventListener('touchmove',(e)=>{
touchmove= e.touches[0].clientX;
if( touchmove-touchstart>10){
console.log('右侧')
}
})
touch事件
clientX/clientY、pageX/pageY、screenX/screenY
其中screenX/screenY代表事件发生的位置对于屏幕的偏移量
clientX/clienYt和pageX/pageY都代表事件发生位置对应对象的偏移量，
不过区别是clientX/clientY不包括对象滚动而隐藏的偏移量，
而pageX/pageY包括对象滚动而隐藏的偏移量
扫一扫
1093
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
