美文网首页
移动端触摸事件

移动端触摸事件

作者: cshooting | 来源:发表于2018-12-26 15:30 被阅读0次

触摸事件

touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在屏幕上也会触发。
touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间,调用preventDefault()可以阻止滚动。
touchend:当手指从屏幕上移开时触发。

除了常见的DOM属性外,触摸事件还包含下列三个用于跟踪触摸的属性

touches:表示当前跟踪的触摸操作的Touch对象的数组。
targetTouchs:特定于事件目标的Touch对象的数组。
changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组。

每个Touch对象包含下列属性

clientX:触摸目标在视口中的x坐标
clientY:触摸目标在视口中的y坐标
pageX:触摸目标在页面中的x坐标
pageY:触摸目标在页面中的y坐标
screenX:触摸目标在屏幕中的x坐标
screenY:触摸目标在屏幕中的y坐标
target:触摸的DOM节点目标

相关文章

  • touch触摸事件

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

  • 移动端触摸事件

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

  • 移动端触屏事件

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

  • 移动端触摸事件

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

  • 移动端触摸事件

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

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

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

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

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

  • Vue移动端触摸事件

    其实就是一个TouchEvent对象+上Vue的自定义事件,实现移动端的上滑、下滑、左滑、右滑,长按、点击 组件 ...

  • 移动端触摸touch事件

    js用法: vue用法: 在需要触发的节点上加上@touchend="touchend",然后在methods上加...

  • 深入理解Flutter的Listener组件

    引言 有过移动端开发经验的同学都知道,移动端的触摸事件是由手指按下、手指移动、手指抬起这些基本事件组成的。 在Fl...

网友评论

      本文标题:移动端触摸事件

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