JS Wie ermittelt man, ob Mobiltelefone und PCs verschiedene Ausführungsereignisse auswählen können

In diesem Artikel wird die Methode von JS beschrieben, um festzustellen, ob Mobiltelefone und PCs verschiedene Ausführungsereignisse auswählen können. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:

Stellen Sie fest, ob es sich um ein Handy handelt:

 Funktion ismobile () {var suseragent = navigator.useragent.tolowerCase (), Bissipad = Suseragent.Match (/iPad/i) == "iPad", Bisiphoneos = Suseragent.Match (/iiphone os/i) == "iPhone as", bismidp = suseragent.match (/midp/i). bisuc7 = suseragent.match (/rv:1.2.3.4/i) == "RV: 1.2.3.4", Bisuc = Suseragent.Match (/ucweb/i) == "ucweb", Bisandroid = suseragent.match (/i) == "und ell. "Windows CE", Biswm = Suseragent.Match (/Windows Mobile/I) == "Windows Mobile", Biswebview = Suseragent.Match (/webView/i) == "WebView"; return (Bissipad || Bisiphoneos || Bismidp || Bisuc7 || Bisuc || Bisandroid || Bisce || Biswm);}

Um zu bestimmen, welches Ereignis verwendet werden soll:

 var touchstart, touchmove, touchend; touchstart = ismobile ()? 'TouchStart': 'MouseDown'; touchmove = ismobile ()? 'TouchMove': 'Mousemove'; tourtend = ismobile ()? 'Touchend': 'Mauseup';

Das entsprechende Umgang mit drei Ereignissen:

 TouchStart: Funktion (e) {var e = e || Fenster.Event; //, um zu bestimmen, welches Ereignis stopdefault (e); // Verschiedene Browser, die Standard -Ereignismethoden, um zu verhindern, dass Browser unterschiedlich sind, wenn (ismobile ()) {// Wenn es sich um ein Mobiltelefon handelt, var touch = e.touches [0]; this.y1 = touch.pagey} else {this.y1 = e.Pagey; // Wenn es kein Mobiltelefon ist} this.y2 = 0; }, TouchMove: Funktion (e) {var e = e || Fenster.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 || Fenster.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;},,

Blockieren Sie die Standard -Ereignismethode des Browsers:

 Funktion stopdefault (e) {var e = e || Fenster.Event; if (e.preventDefault) {e.preventDefault (); } else {e.returnValue = false; }}

Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.