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

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

作者: 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:手指在屏幕上向下滑动时会触发

相关文章

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

    Touch触摸事件 阻止默认事件preventDefault(); touchstart:手指触摸到屏幕会触发 t...

  • 移动端前端常见的触摸事件

    (1)click事件 单击事件,类似于PC端的click,但在移动端中,连续click的触发有200-300ms的...

  • touch触摸事件

    原声移动端触屏事件touch分为3个事件: touchstart 触摸开始touchmove 触摸移动touc...

  • 10-移动端开发教程-移动端事件

    在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1...

  • 移动端触摸事件

    移动端触摸事件添加方式值能用 addEventListeber(),方式绑定 移动触摸事件有4个: 1、touch...

  • 移动端触屏事件

    什么是触屏事件?移动端的触摸产生的一系列行为; 在移动端,原生触摸事件只有以下三种类型,其他所有的触摸事件都是由这...

  • 移动端触摸事件

    触摸事件 touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在屏幕上也会触发。touchmove:当...

  • 移动端触摸事件

    移动端 一、定义 触摸事件类型 touchstart:手指触摸到一个 DOM 元素时触发。touchmove:手指...

  • day02-移动web开发-适配方案2(理论)

    触摸事件touch: 解释touch: touch是移动端的触摸事件 而且是一组事件 touchstart 当...

  • 移动端------移动事件对

    在移动端,用户每时每刻都在触发移动事件,比如触摸的事件,点击,长按,左右滑动的事件,手指缩放,等等。都是移动事件的...

网友评论

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

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