touch事件

一 . 移动端特有的事件,pc端是没有的。

  1.touchStart 开始触摸

  2.touchMove 手指滑动

  3.touchEnd 手指离开

  4.touchCancel 触摸意外中断

二.

  1.移动端不支持dom0级事件(直接onclick),只能使用dom2级事件(通过addEventListener)。

  2.touchEvent事件对象相较于click等事件还会多出额外的3个属性。

    touches 存放的是屏幕上所有的触点

    targetTouches 存放的是当前元素上面的所有的触点

    changeTouhes 存放的是发生变化的触点

三.移动端如果想直接使用click事件是比touch事件慢300毫秒的,所有可以封装一下touch事件来确定是点击还是滑动。

  通过手指是否移动和手指离开的时间来判断是点击还是滑动。

  touch事件

  touch事件

  touch事件 由此解决了click事件比touch慢的问题。。。。。

  下面在封装一个上下左右滑动事件。

  

  touch事件   touch事件

  

上一篇:456


下一篇:js day20 移动端事件 touch.js 移动端事件对象 手势事件