触摸事件(touchstart、touchmove和touchend)

触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。下面具体说明:

  touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。
  touchmove事件:当手指在屏幕上滑动的时候连续地触发。
  touchend事件:当手指从屏幕上离开的时候触发。
除了常见的DOM属性,触摸事件还包含下面三个用于跟踪触摸的属性。也就是存在于事件的默认参数event中。
  touches:表示当前跟踪的触摸操作的touch对象的数组。
  targetTouches:特定于事件目标的Touch对象的数组。
  changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组。
  
  每个Touch对象包含的属性如下。
  clientX:触摸目标在视口中的x坐标。
  clientY:触摸目标在视口中的y坐标。
  identifier:标识触摸的唯一ID。
  pageX:触摸目标在页面中的x坐标。
  pageY:触摸目标在页面中的y坐标。
  screenX:触摸目标在屏幕中的x坐标。
  screenY:触摸目标在屏幕中的y坐标。
  target:触目的DOM节点目标。

实际 的使用:
触摸事件(touchstart、touchmove和touchend)_第1张图片
触摸事件(touchstart、touchmove和touchend)_第2张图片

你可能感兴趣的:(JS)