zoukankan      html  css  js  c++  java
  • 移动端touch事件获取事件坐标

    对于移动端的触摸事件,我们通过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 :涉及当前事件的手指的一个列表。

  • 相关阅读:
    组件之间通信(父传子)
    flex布局
    ffmpeg解析TS流(转)
    swift之?和!的含义(转)
    Swift之画圆角添加多个枚举值方法
    swift之singleton
    swift之闭包
    Swift之fallthrough
    Selector
    Settings Bundle
  • 原文地址:https://www.cnblogs.com/ajaemp/p/12917987.html
Copyright © 2011-2022 走看看