Artikel ini menjelaskan metode JS untuk menentukan apakah ponsel dan PC dapat memilih peristiwa eksekusi yang berbeda. Bagikan untuk referensi Anda. Dengan rincian sebagai berikut:
Tentukan apakah itu ponsel:
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);}Untuk menentukan peristiwa mana yang akan digunakan:
var touchstart, touchmove, touchend; touchstart = isMobile ()? 'TouchStart': 'Mousedown'; TouchMove = IsMobile ()? 'TouchMove': 'Mousemove'; Touchend = IsMobile ()? 'Touchend': 'MouseUp';
Penanganan yang sesuai dari tiga acara:
TouchStart: function (e) {var e = e || window.event; // untuk menentukan peristiwa stopDefault (e) mana; // Browser yang berbeda, metode acara default untuk mencegah browser menjadi berbeda if (isMobile ()) {// jika itu adalah ponsel var var touch = e.touches [0]; this.y1 = touch.pagey} else {this.y1 = e.pagey; // Jika bukan ponsel} 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 (berbeda> 50) {this.donext (); } lain jika (berbeda <-50) {this.doprev (); } this.y1 = 0, this.y2 = 0;},Memblokir metode acara default browser:
fungsi stopdefault (e) {var e = e || window.event; if (e.preventdefault) {e.preventdefault (); } else {e.returnValue = false; }}Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.