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

问题

今天遇到了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);
        })
    })
}
posted @ 2020-04-13 01:14  风意不止  阅读(200)  评论(0编辑  收藏  举报