Cet article décrit la méthode de JS pour déterminer si les téléphones mobiles et les PC peuvent choisir différents événements d'exécution. Partagez-le pour votre référence. Les détails sont les suivants:
Déterminez s'il s'agit d'un téléphone mobile:
fonction ismobile () {var susserragent = navigator.useragent.tolowercase (), bisipad = susergent.match (/ iPad / i) == "iPad", bisiphoneos = suseragent.match (/ iiphone os / i) == "iPhone", bismidp = susserrage.match (/ midp / i) ==, bismidp = susserrage.match (/ idp / i) ==, "midp" bisuc7 = susserragent.match (/rv:1.2.3.4/i) == "RV: 1.2.3.4", bisuc = susergent.match (/ ucweb / i) == "ucweb", bisandroid = suserager.match (/ android / i) == "Android", bisce = susserrage. biswm = suserager.match (/ windows mobile / i) == "windows mobile", biswebView = suseragent.match (/ webView / i) == "webView"; return (bisipad || bisiphoneos || bismidp || bisuc7 || bisuc || bisandroid || bisce || biswm);}Pour déterminer quel événement utiliser:
var Touchstart, TouchMove, Touchend; TouchStart = Ismobile ()? «Touchstart»: «Mousedown»; TouchMove = Ismobile ()? «Touchmove»: «MouseMove»; Touchend = Ismobile ()? «Touchend»: «Mouseup»;
La gestion correspondante de trois événements:
TouchStart: fonction (e) {var e = e || window.event; // pour déterminer quel événement stopdefault (e); // différents navigateurs, les méthodes d'événement par défaut pour empêcher les navigateurs d'être différents si (ismobile ()) {// s'il s'agit d'un téléphone mobile var touch = e.touches [0]; this.y1 = touch.pagey} else {this.y1 = e.pagey; // s'il ne s'agit pas d'un téléphone mobile} this.y2 = 0; }, TouchMove: fonction (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;},Bloquez la méthode de l'événement par défaut du navigateur:
fonction stopdefault (e) {var e = e || window.event; if (e.PreventDefault) {e.PreventDefault (); } else {e.reTurnValue = false; }}J'espère que cet article sera utile à la programmation JavaScript de tous.