input textarea 获取焦点挡住输入法 解决办法
Posted About JavaScript
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input textarea 获取焦点挡住输入法 解决办法相关的知识,希望对你有一定的参考价值。
// .container 设置了 overflow 属性, 导致 android 手机下输入框获取焦点时, 输入法挡住输入框的 bug // 相关 issue: https://github.com/weui/weui/issues/15 // 解决方法: // 0. .container 去掉 overflow 属性, 但此 demo 下会引发别的问题 // 1. 参考 http://stackoverflow.com/questions/23757345/android-does-not-correctly-scroll-on-input-focus-if-not-body-element // Android 手机下, input 或 textarea 元素聚焦时, 主动滚一把 if (/Android/gi.test(navigator.userAgent)) { window.addEventListener(‘resize‘, function () { if (document.activeElement.tagName == ‘INPUT‘ || document.activeElement.tagName == ‘TEXTAREA‘) { window.setTimeout(function () { document.activeElement.scrollIntoViewIfNeeded(); }, 0); } }) }
以上是关于input textarea 获取焦点挡住输入法 解决办法的主要内容,如果未能解决你的问题,请参考以下文章
移动端H5页面_input获取焦点时,虚拟键盘挡住input输入框解决方法
webapp开发下input获取焦点时被弹出键盘挡住解决方法