首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >原生js解决 IOS 6s机 input/textarea输入完成键盘拉回后页面不置顶

原生js解决 IOS 6s机 input/textarea输入完成键盘拉回后页面不置顶

作者头像
王念博客
发布2019-07-25 18:49:59
1.1K0
发布2019-07-25 18:49:59
举报
文章被收录于专栏:王念博客王念博客

问题描述:

h5开发时,input/textarea输入框在IOS 6s手机中,获取焦点时,键盘会拉起将整个页面向上推,输入完成后键盘收回但是页面还是停留在键盘拉起的状态),如下图所示:

解决方案:

0.判断是否是IOS机

//判断是否是安卓还是ios
isAndroid() {
    let u = navigator.userAgent;
    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
    let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    return isAndroid === true;
}

1.当输入完成(输入框失去焦点onblur)时,强制将页面置顶

//IOS 6s键盘收回
blurAddr() {
    if (isAndroid()) return;
    window.scroll(0, 0);//失焦后强制让页面归位
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题描述:
  • 解决方案:
    • 0.判断是否是IOS机
      • 1.当输入完成(输入框失去焦点onblur)时,强制将页面置顶
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档