码迷,mamicode.com
首页 > 移动开发 > 详细

【javascript】--------------移动端事件-------------【劉】

时间:2019-07-22 11:52:44      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:chm   nbsp   touch   style   let   延迟   lin   touch事件   移动端   

1、click事件

  单击事件,和PC端的点击事件一样,但是在移动端click事件有200ms ~ 300ms触发延迟。

 

2、touch事件

  移动端触摸点击事件。包含touchstart、touchmove、touchend、touchcancel四种事件

  touchstart:手指点击屏幕时触发的事件,相当于PC端点击 click 事件

  touchmove:手指在屏幕上滑动触发的事件,相当于PC端的mousemove事件效果

  touchend:手指离开屏幕后触发的事件

  touchcancel:可由系统进行的触发,比如手指触摸屏幕的时候,突然alert了一下,或者系统中其他打断了touch的行为,则可以触发该事件

 

3. tap事件

  用来代替click事件,包含tap 、longTap 、singleTap 、doubleTap四种事件

  tap:移动端手指触碰屏幕就会触发

  longTop:移动端手指长按屏幕事件触发

  singleTap:移动端手指单次点击屏幕事件触发

  doubleTap:移动端手指双击屏幕事件触发

 

4、swipe事件

  手指滑动事件,包含swipe 、swipeLeft 、swipeRight 、swipeUp 、swipeDown

   swipe:移动端手指在屏幕上滑动时触发事件

  swipeLeft:移动端手指在屏幕上向左滑动时触发事件

  swipeRight:移动端手指在屏幕上向右滑动时触发事件

  swipeUp:移动端手指在屏幕上向上滑动时触发事件

  swipeDown:移动端手指在屏幕上向下滑动时触发事件

【javascript】--------------移动端事件-------------【劉】

标签:chm   nbsp   touch   style   let   延迟   lin   touch事件   移动端   

原文地址:https://www.cnblogs.com/lstcon/p/11224736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!