ionic3软键盘弹出后ion-input以及ion-textarea标签点击时无法获取焦点的问题

西山水壶

已于 2022-06-24 08:27:33 修改

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：移动终端文章标签： android

于 2019-04-02 11:08:26 首次发布

本文链接：https://blog.youkuaiyun.com/leonMary/article/details/88966138

移动终端专栏收录该内容

22 篇文章

订阅专栏

本文介绍了在使用Ionic框架时遇到的软键盘遮挡输入框及输入框无法点击的问题，并提供了解决方案，包括修改android:windowSoftInputMode属性及使用(touchstart)事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ionic默认android:windowSoftInputMode="adjustResize"，但是这种设置存在一个弊端，就是如果表单过长，在弹出软键盘时就会存在页面上下滚动的问题，偶尔会造成键盘遮挡输入框，于是修改成android:windowSoftInputMode="adjustPan"，果然输入框不会再有遮挡的现象出现，但是出现了另一个问题，就是某些在页面下方的输入框在软键盘弹出几次之后竟然无法点击了！尝试了各种解决办法都无效，最后只能给某些输入框加上(touchstart)事件，总算是勉强解决了问题，代码如下：

html：
<ion-input #stageInput (touchstart)="setFocus(stageInput)"></ion-input>

typescript：
setFocus(object){
        object.setFocus();
    }