美文网首页
移动端常见的触摸相关事件

移动端常见的触摸相关事件

作者: mjlwt | 来源:发表于2017-12-18 17:31 被阅读0次

    Touch触摸事件 阻止默认事件preventDefault();

    touchstart:手指触摸到屏幕会触发

    touchmove:手指在屏幕上移动时,会触发

    touchend:当手指离开屏幕时,会触发

    touchcancel:可由系统进行的触发,比如手指触摸屏幕的时候,突然alert了一下,或者系统中其他打断了touch的行为,则可以触发事件

    用于跟踪触摸的属性:

    touches:表示当前跟踪的触摸操作的touch对象的数组

    targetTouches:特定于事件目标的Touch对象的数组

    changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组

    每个Touch对象包含的属性如下。

    clientX:触摸目标在视口中的x坐标。

    clientY:触摸目标在视口中的y坐标。

    identifier:标识触摸的唯一ID。

    pageX:触摸目标在页面中的x坐标。

    pageY:触摸目标在页面中的y坐标。

    screenX:触摸目标在屏幕中的x坐标。

    screenY:触摸目标在屏幕中的y坐标。

    target:触目的DOM节点目标。

    tap触碰事件

    一般用于代替click事件

    tap:手指碰一下屏幕会触发

    longTap:手指长按屏幕会触发

    singleTop:手指碰一下屏幕会触发

    doubleTop:手指双击屏幕会触发

    Swipe滑动事件

    swipe:手指在屏幕上滑动时会触发

    swipeLeft:手指在屏幕上向左滑动时会触发

    swipeRight:手指在屏幕上向右滑动时会触发

    swipeUp:手指在屏幕上向上滑动时会触发

    swipeDown:手指在屏幕上向下滑动时会触发

    相关文章

      网友评论

          本文标题:移动端常见的触摸相关事件

          本文链接:https://www.haomeiwen.com/subject/albmwxtx.html