ios手机弹出层上表单的操作，收起键盘焦点错乱的问题

Posted 2020-11-27 风意不止

问题

今天遇到了ios手机下 弹出层上form表单 当收起键盘后，焦点错乱，无法再操作的问题

问题原因

Ios收起键盘以后，会对页面进行滚动操作，只需要 window.scroll(0,0)来重置一下就好。

解决办法

function device() {
    const u = navigator.userAgent;
    const isandroid = u.indexOf(\'Android\') > -1 || u.indexOf(\'Adr\') > -1; //android终端
    const isiOS = !!u.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isAndroid)
      return \'android\';
    if (isiOS)
      return \'ios\';
 }
if(device() === \'ios\'){
    $("#half input").each(function(){
        $(this).blur(function(){
            window.scroll(0,0);
        })
    })
}