Javascript slide Event code for mobile devices and mobile browsers

The following has been tested by myself.

Test Platform: Samsung s5830i

Operating System: Android 2.3.6

Browser: UC Browser

HTML standard: HTML5

 

Three events are tested: touchstart, touchmove, and touchend. The coordinates of the contacts on the page are obtained during the touch process, and the sliding between left and right, and moving up and down are determined based on the coordinates.

The Code is as follows:

<! -- HTML5 --> <! Doctype HTML> 
 
The following shows how jquery mobile implements up and down sliding.:
Jquery mobile slide events: Swipe (triggered when a horizontal slide is over 30px), swipeleft (Slide left), and swiperight (slide right)
Jquery mobile vertical sliding event:Scrollstart and scrollend)
Jquery mobile touch and click events: tap (Quick touch) and taphold (trigger over ms)
 
<! Doctype HTML> 
 
Thank you for your reprinting and criticism!