jquery--Mobile-Touch Event

First, in order to prevent the event from triggering the default behavior, we need to disable the security method:

// determines whether the default behavior can be disabled    if (e.cancelable) {        //  determine if the default behavior has been disabled        if (!  e.defaultprevented) {            e.preventdefault ();        }}   

Three events:

function (e) {   e.preventdefault ();}); $ (function(e) {   e.preventdefault ();}); $ (function(e) {   e.preventdefault ();});

Move the start and end coordinates to get:

StartX = e.originalevent.changedtouches[0= e.originalevent.changedtouches[0= E.originalevent.changedtouches[0= e.originalevent.changedtouches[0].pagey;

Examples:

function (e) {    e.preventdefault ();     = E.originalevent.changedtouches[0].pagex,    = E.originalevent.changedtouches[0].pagey;}); $ (function(e) {    e.preventdefault ();     = E.originalevent.changedtouches[0].pagex,    = e.originalevent.changedtouches[0].pagey,    = moveendx- StartX,    = Moveendy- starty;     if (X > 0 ) {       alert (' swipe left ');    }});

Corresponding PC-side mouse operation:

Touchstart--     mousesdowntouchend  -->   mouseuptouchmove  -->   MouseMove

jquery--Mobile-Touch Event