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事件来确定是点击还是滑动。

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

  

  

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

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

  

  
  

  

posted @ 2020-11-30 08:30  帅了又帅的大猛  阅读(206)  评论(0编辑  收藏  举报