安卓手机聚焦键盘挡住输入框

最新推荐文章于 2024-08-18 03:28:52 发布

FE-阿阳

最新推荐文章于 2024-08-18 03:28:52 发布

阅读量268

点赞数

本文链接：https://blog.csdn.net/yang450712123/article/details/112754931

版权

javascript 同时被 3 个专栏收录

66 篇文章 0 订阅

订阅专栏

css

39 篇文章 1 订阅

订阅专栏

html

23 篇文章 0 订阅

订阅专栏

安卓手机聚焦键盘挡住输入框

问题描述

部分安卓手机聚焦，键盘会挡住输入框。以下是解决方案；

解决方案

<input class="item-input"
   v-model="cusTel"
   type="tel"
   @focus="focusScroll($event)"
   @input="limitInput($event, 'cusTel', 11)"
   placeholder="请输入您的手机号">

// 输入框聚焦滑动
focusScroll(e) {
    let u = navigator.userAgent;
    if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {
        setTimeout(() => {
            e.target.scrollIntoView({behavior: "smooth", block: "center", inline: "center"});
        }, 300)
    }
},

知识点：scrollIntoView 的运用。 scrollIntoView 的直通车