JS how to determine whether mobile phones and PCs can choose different execution events

This article describes the method of JS to determine whether mobile phones and PCs choose different execution events. Share it for your reference. The details are as follows:

Determine whether it is a mobile phone:

 function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.match(/iiphone os/i) == "iphone os", bIsMidp= sUserAgent.match(/midp/i) == "midp", bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4", bIsUc= sUserAgent.match(/ucweb/i) == "ucweb", bIsAndroid= sUserAgent.match(/android/i) == "android", bIsCE= sUserAgent.match(/windows ce/i) == "windows ce", bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile", bIsWebview = sUserAgent.match(/webview/i) == "webview"; return (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM);}

To determine which event to use:

 var touchStart,touchMove,touchEnd;touchStart = isMobile() ? 'touchstart' : 'mousedown';touchMove = isMobile() ? 'touchmove' : 'mousemove';touchEnd = isMobile() ? 'touchend' : 'mouseup';

The corresponding handling of three events:

 touchstart:function(e){ var e=e || window.event; //To determine which event stopDefault(e); //Different browsers, the default event methods for preventing browsers from being different if(isMobile()){ //If it is a mobile phone var touch=e.touches[0]; this.y1=touch.pageY }else{ this.y1=e.pageY; //If it is not a mobile phone} this.y2=0; }, touchmove:function(e){ var e=e || window.event; stopDefault(e); if(isMobile()){ var touch=e.touches[0]; this.y2=touch.pageY; }else{ this.y2=e.pageY; } }, touchend:function(e){ var e=e || window.event; stopDefault(e); if(this.y2==0){ return; } var diffY=this.y2-this.y1; if(diffY>50){ this.doNext(); }else if(diffY<-50){ this.doPrev(); } this.y1=0, this.y2=0;},

Block the browser's default event method:

 function stopDefault(e){ var e=e || window.event; if(e.preventDefault){ e.preventDefault(); }else{ e.returnValue=false; }}

I hope this article will be helpful to everyone's JavaScript programming.