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

Posted 2022-05-03 lstcon

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：移动端手指在屏幕上向下滑动时触发事件