美文网首页
H5页面针对ios系统双击页面防止发生上滑代码

H5页面针对ios系统双击页面防止发生上滑代码

作者: 忧郁的胡渣 | 来源:发表于2020-07-09 08:52 被阅读0次

    直接上代码;

    粘贴 加 复制就Ok

    let agent = navigator.userAgent.toLowerCase(); //检测是否是ios

    let iLastTouch = null; //缓存上一次tap的时间

    if (agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0) {

        document.body.addEventListener('touchend', function (event) {

            var iNow = new Date()

                .getTime();

            iLastTouch = iLastTouch || iNow + 1 /** 第一次时将iLastTouch设为当前时间+1 */ ;

            var delta = iNow - iLastTouch;

            if (delta < 500 && delta > 0) {

                event.preventDefault();

                return false;

            }

            iLastTouch = iNow;

        }, false);

    }

    相关文章

      网友评论

          本文标题:H5页面针对ios系统双击页面防止发生上滑代码

          本文链接:https://www.haomeiwen.com/subject/vkfjcktx.html