安卓弹出软键盘怎么把一部分布局顶上去
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安卓弹出软键盘怎么把一部分布局顶上去相关的知识,希望对你有一定的参考价值。
参考技术A 在EditText控件接近底部的情况下,软键盘弹出后会把获得焦点的EditText控件遮挡,无法看到输入信息,防止这样的情况发生,就需要设置androidManifest.xml的属性:前面的xml信息省略
在activity中 增加android:windowSoftInputMode="adjustPan"
<activity
..
android:windowSoftInputMode="adjustPan"
>
</activity>
弹出软键盘以后,软键盘会把EditText推上去。本回答被提问者采纳
移动端弹出软键盘导致input光标和点击事件错位问题
我遇到的问题:在微信浏览器里,点击蒙层的input框,弹出软键盘,蒙层被顶上去,同时input的焦点和button的点击事件也被顶上去了,软键盘消失,蒙层回到原位,但是点击input和button均没反应,点击蒙层被顶上去的位置有反应,因为input的焦点和button的点击事件没回到原位。这个问题出现在ios中,android手机没问题。
以下是一位大佬写的解决方法,解决了我的问题。
原文地址:https://blog.csdn.net/Doubleu_/article/details/86596569
原因:移动端页面的定位会影响光标位置。移动端在点击input输入的时候软键盘弹出,整个页面被键盘往上挤压,然而光标的位置也被挤压,收起软键盘的时候页面恢复,但是光标还是在原来input的位置,就导致光标不在该在的地方,整个页面呈现无法点击的状态,用户体验极差。
解决方法:
方法一:在软键盘收起(也就是失焦)的时候scrollTop回顶部,或者使用window.reload()。
$("input").blur(function() setTimeout(function() var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); ,100) )
方法二:使用reload
$(‘textarea,input[type=text]‘).focus(function () window.setTimeout(‘scrollBottom()‘, 500); ); function scrollBottom() window.scrollTo(0, $(‘body‘).height());
以上是关于安卓弹出软键盘怎么把一部分布局顶上去的主要内容,如果未能解决你的问题,请参考以下文章