1.首先使用touch事件第一步肯定是要绑定touch事件

在html元素里绑定@touchstart=“….自己起名字…”
             @touchmove=“….自起名字….”
            @touchend=“…自己起名字…..”

touchstart会在你第一次触碰到它时候触发
touchmove就是你一直点着不松手的时候触发
touchend就是你的手刚刚移开的时候触发
这几个touch事件可以根据自己的需求进行绑定,绑定自己起的名字
然后在methods里面写自己绑定的名字的事件你要让他如何处理
而touch事件里面更包含了下面几个跟踪触摸的属性方便我们为了对应的效果进行使用

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

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

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

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

 

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

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

  identifier:标识触摸的唯一ID。

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

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

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

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

  target:触目的DOM节点目标。

Winnie
12 声望0 粉丝