微信客户端兼容性

1. 微信双击上移问题

 

var agent = navigator.userAgent.toLowerCase();         //检测是否是ios
var 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);
        }

 

 

2. 阻止ios拖拽到底部还能继续拖拽

 

var ScrollFix = function(elem) {
     // Variables to track inputs
 
     var startY, startTopScroll; elem = elem || document.querySelector(elem);
 
     // If there is no
 
     element, then do nothing
 
     if(!elem)
           return;
 
     // Handle the start of interactions
 
     elem.addEventListener('touchstart', function(event){
          startY = event.touches[0].pageY;
          startTopScroll = elem.scrollTop;
 
     if(startTopScroll <= 0)
          elem.scrollTop = 1;
 
     if(startTopScroll + elem.offsetHeight >= elem.scrollHeight)
          elem.scrollTop = elem.scrollHeight - elem.offsetHeight - 1;
      }, false);
};

 

3. ios 音乐不能自动播放解决方案

function audioAutoPlay(id){ 
    var audio = document.getElementById(id), 
        play = function(){ 
            audio.play(); 
            document.removeEventListener("touchstart",play, false); 
        }; 
    audio.play(); 
    document.addEventListener("WeixinJSBridgeReady", function () { 
        play(); 
    }, false); 
    document.addEventListener('YixinJSBridgeReady', function() { 
        play(); 
    }, false); 
    document.addEventListener("touchstart",play, false); 
} 
audioAutoPlay('muc');

    

***

扫描二维码，关注web全栈开发工程师，获取最新最全的全栈开发内容