移动端touch事件的originalEvent

该文章由 leevare 发布于 ,归类于 Javascript

对于移动端的触摸事件,我们通过touchstarttouchmovetouchend实现,PC端一般使用mousedownmousemovemouseup实现。

获取事件坐标,原生js获取方式

事件获取方式
mousedownevent.pageX
mousemoveevent.pageX
mouseupevent.pageX
touchstartevent.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX
ouchmoveevent.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX
touchendevent.touches[0].pageX & event.changedTouches[0].pageX & event.targetTouches[0].pageX

jQuery获取方式

事件获取方式
mousedownevent.pageX
mousemoveevent.pageX
mouseupevent.pageX
touchstartevent.originalEvent.touches[0].pageX & event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX
touchmoveevent.originalEvent.touches[0].pageX & event.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX
touchendevent.originalEvent.changedTouches[0].pageX & event.originalEvent.targetTouches[0].pageX

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

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

如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!

相关文章:

说点什么

avatar
300
  Subscribe  
提醒