H5-iOS常见问题以及解决办法

问题一：有input输入框，输入，键盘弹起，后来键盘看似落下去了，实则依然存在，造成下面的按钮点不动

解决办法：

$('#userName').on('blur',function(){
        $("body,html").animate({scrollTop:0},500);
 });

问题二：引入fastClick.js导致input等表单元素聚焦难的问题

解决办法：这不止是iOS端的问题，Android也有
没有必要用fastClick.js就不用了，因为实际开发中300ms延迟是看不出来的，如果必须用，就修改fastClick.js文件，百度

问题三：iOS端不能自动播放音乐

解决办法：利用插件audioPlay.js

/**.html引入插件*/


/**.js*/
   document.addEventListener('WeixinJSBridgeReady',function(){
     Ashe.init();
     var bgm = new Ashe.Music({url: './music/music.mp3',loop:true,callback:function(){
       bgm.play();
       $("#music").removeClass('hide');
     }});

     $("#music").click(function() {
       var $this = $(this);
       if($this.hasClass('off')){
         bgm.play();
         $this.removeClass('off');
       }
       else{
         bgm.pause();
         $this.addClass('off');
       }
     });
   },false);

问题四：alert弹框在iOS端，弹框上会有一串地址

解决办法：

/**法一：重写alert 加入下面这段代码即可*/
    window.alert = function(name){
        var iframe = document.createElement("IFRAME");
        iframe.style.display="none";
        iframe.setAttribute("src", 'data:text/plain,');
        document.documentElement.appendChild(iframe);
        window.frames[0].window.alert(name);
        iframe.parentNode.removeChild(iframe);
    };
/**法二：自己写一个拟态框*/

问题五：iOS7P底部显示不全？

解决办法：原来的H5是在微信上打开的，有一个头部，所以在适配的时候设置的min-height:690px,但是现在是在app内部打开，是全屏，690很容易就达到了，所以改为740px就可以了。

问题六：iOS端video标签不设置controls，在视频的中心也会显示播放按钮

解决办法：给video标签的src属性，设置一个默认的视频地址：
代码如下：