首页 > 移动平台 > 详细

移动端touch事件获取事件坐标

时间:2020-05-19 18:57:39      阅读:136      评论:0      收藏:0      [点我收藏+]

对于移动端的触摸事件,我们通过touchstart、touchmove、touchend实现,PC端一般使用mousedown、mousemove、mouseup实现。

获取事件坐标:

原生js获取方式

mousedown event.pageX
mousemove event.pageX
mouseup event.pageX
touchstart event.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX
touchmove event.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX
touchend event.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX

jQuery获取方式

mousedown event.pageX
mousemove event.pageX
mouseup event.pageX
touchstart event.originalEvent.touches[0].pageX & event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX
touchmove event.originalEvent.touches[0].pageX & event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX
touchend event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX

其中关于touch触摸事件的触摸列表:

touches :当前位于屏幕上的所有手指的一个列表。
targetTouches :位于当前DOM元素上的手指的一个列表。
changedTouches :涉及当前事件的手指的一个列表。

移动端touch事件获取事件坐标

原文:https://www.cnblogs.com/ajaemp/p/12917987.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!