解决iphon，ipad上2次点击

最新推荐文章于 2021-05-27 01:54:24 发布

原创最新推荐文章于 2021-05-27 01:54:24 发布 · 928 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ipad #function #ucweb #windows #android #mobile

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种解决iOS设备（包括iPhone和iPad）上出现的双击问题的方法。通过使用jQuery监听touch事件并判断是否为滚动操作来实现直接跳转，避免了第二次点击才生效的问题。

//解决iphon，ipad上2次点击
$(document).ready(function () {
    var sUserAgent = navigator.userAgent.toLowerCase();
    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
    var bIsAndroid = sUserAgent.match(/android/i) == "android";
    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    var isScrolling;
    if (bIsIpad || bIsIphoneOs || bIsAndroid) {
        $('a').live('touchstart', function () {
            isScrolling = false;
        })
    .live('touchmove', function (e) {
        isScrolling = true;
    })
    .live('touchend', function (e) {
        if (!isScrolling) {
            window.location = $(this).attr('href');
        }
    });
    }
});