弹出软键盘
24 人关注该话题
softinputMode设置为adjustPan，textarea属性adjustPosition设置为false， 键盘弹起时，华为和小米兼容性问题 弹出软键盘 uniapp
a***@foxmail.com 2024-04-15 14:44 发起问题 • 1 人关注 • 0 个回复 • 38 次浏览
输入框和键盘弹起不协调 性能优化 弹出软键盘 uniapp
DCloud_UNI_HRK 2024-03-26 15:00 回复问题 • 2 人关注 • 6 个回复 • 94 次浏览
uniapp video 全屏下 输入框无法弹起键盘 弹出软键盘 video uniapp
喜欢技术的前端 2024-02-05 20:21 回复问题 • 2 人关注 • 1 个回复 • 89 次浏览
#插件讨论# 【 自定义支付密码输入键盘Keyboard和支付设置输入框Input - 前端组件开发 】键盘报错 弹出软键盘 uniapp 插件讨论
喜欢技术的前端 2024-01-12 16:24 回复问题 • 2 人关注 • 1 个回复 • 56 次浏览
uni-app开发H5，输入框聚焦后软键盘会将页面顶起，导致输入框移出屏幕区域，配置了"softinputMode": "adjustResize",不生效 弹出软键盘 h5
二营长 2024-01-10 21:05 发起问题 • 1 人关注 • 0 个回复 • 119 次浏览
【已解决】softinputNavBar参数对于textarea组件不生效 软键盘 弹出软键盘 uniapp
唐家三少 2023-10-16 18:07 回复问题 • 7 人关注 • 7 个回复 • 2707 次浏览
如何阻止点击软键盘上的完成（发送）按钮，发送消息，但不收起软键盘 uniapp 软键盘 弹出软键盘
喜欢技术的前端 2023-08-29 14:19 回复问题 • 2 人关注 • 1 个回复 • 192 次浏览
#插件讨论# 【 腾讯云呼叫中心TCCC SDK - g***@yeah.net 】能拨打电话，但是没有弹出拨打电话的弹窗。顺便问一下可不可以支持音视频通话 弹出软键盘 uniapp 插件讨论
g***@yeah.net 2023-08-24 17:46 回复问题 • 2 人关注 • 1 个回复 • 97 次浏览
uniapp vue3 小程序 阻止输入框自动收回，保持展开，手动收起 软键盘 弹出软键盘 uniapp
喜欢技术的前端 2023-08-18 15:55 回复问题 • 2 人关注 • 1 个回复 • 154 次浏览
uni-app input 设置聚焦后，不弹出软件盘 DCloud 弹出软键盘 uni_app
1***@qq.com 2023-04-12 09:17 发起问题 • 2 人关注 • 0 个回复 • 190 次浏览
富文本editor在插入表情图片后，如何不显示软键盘？ editor 弹出软键盘 富文本
2***@qq.com 2023-04-09 14:52 回复问题 • 6 人关注 • 5 个回复 • 1085 次浏览
赞同来自: DIOGO 、beckzl 、2***@qq.com
============以下为历史答案=============... 显示全部 »
============以下为历史答案==================
autofocus不一定在所有Android平台支持自动弹出软键盘，可以通过native.js来强制弹出：
```javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Native.js</title>
<script type="text/javascript">
// H5 plus事件处理
function plusReady(){
var Context = plus.android.importClass("android.content.Context");
var InputMethodManager = plus.android.importClass("android.view.inputmethod.InputMethodManager");
var main = plus.android.runtimeMainActivity();
var imm = main.getSystemService(Context.INPUT_METHOD_SERVICE);
imm.toggleSoftInput(0,InputMethodManager.SHOW_FORCED);
}
document.addEventListener("plusready",plusReady,false);
</script>
</head>
<body>
<button onclick="plus.webview.currentWebview().close()">Close</button><br/>
<input type="text" autofocus="autofocus"/>
<br/>
打开页面后编辑框自动获取焦点并显示软键盘
</body>
</html>
```
**注意：autofocus属性只有4.0以上版本才支持**
iOS打开页面自动弹出键盘(input不要添加autofocus)
```javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Native.js</title>
<script type="text/javascript">
// H5 plus事件处理
function plusReady(){
var webView = plus.webview.currentWebview().nativeInstanceObject();
webView.plusCallMethod({"setKeyboardDisplayRequiresUserAction":false});
document.getElementById("testautofocus").focus();
}
document.addEventListener("plusready",plusReady,false);
</script>
</head>
<body>
<button onclick="plus.webview.currentWebview().close()">Close</button><br/>
<input type="text" id="testautofocus"/>
<br/>
打开页面后编辑框自动获取焦点并显示软键盘
</body>
</html>
```
赞同来自: BoredApe 、缘多多 、DCloud_heavensoft 、马脸老男人 、7***@qq.com 、 、 、 、 、 、 、 更多 »
首先说一下为什么会出现这个情况，那是因为ios弹出软键盘的时候，webview的高度没有变化导致超出屏幕范围，而plus这时候又会自动把header... 显示全部 »
首先说一下为什么会出现这个情况，那是因为ios弹出软键盘的时候，webview的高度没有变化导致超出屏幕范围，而plus这时候又会自动把header的 position：fixed 属性设置为 position：relative，header就跟着滚动了。。。。
解决办法很简单，只要是现在最新版本的plus，都有这个
```javascript
plus.webview.currentWebview().setStyle({
softinputMode: "adjustResize" // 弹出软键盘时自动改变webview的高度
});
```
只要你在plusready里面写入这个，就可以解决header跟着滚动的问题
==============问题结束分割线===============
虽然楼主可能没遇到，不过也再顺便补充一个：如果页面中包含header、mui-content、footer，当mui-content内容很多，已经可以滚动，这时候弹出键盘，又会出现header可以滚动的情况
这时候已经不是plus的问题了，而是css的问题（ios的坑），而是webview已经改变高度了，但是html、body的高度没有改变。
解决办法就是写一段css样式：
```javascript
html, body {
height: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
}
```
只要写了这段样式，页面就会随着webview的改变而改变
其实plus、mui框架很好用，只是plus有坑，ios有坑，安卓也有坑，花点时间把坑都踩一遍就没什么问题啦~~
uni-app 完美解决软键盘把fixed顶起问题 弹出软键盘
喜欢技术的前端2024-02-26 11:33 评论文章 • 12 个评论 • 17128 次浏览
【示例】解决软键盘弹出时底部元素上浮的问题 固定栏 css 软键盘 弹出软键盘 HTML5+ 输入法 底部选项卡
m***@suiyongsuiqi.com2023-06-05 15:58 评论文章 • 15 个评论 • 15159 次浏览
关于editor 聚焦失焦，insert插入图片文字时候不弹出软键盘问题 软键盘 弹出软键盘 editor
耳東陳2023-04-23 10:11 评论文章 • 16 个评论 • 1598 次浏览
软键盘顶起 fixed 定位的解决方法 uniapp 弹出软键盘
1***@qq.com2023-03-02 16:00 评论文章 • 1 个评论 • 400 次浏览
解决软键盘弹起，挤压webview的问题； mui Webview 弹出软键盘
小菜啊2021-01-22 17:40 评论文章 • 3 个评论 • 5745 次浏览
使用Native.js实现打开页面默认弹出软键盘 弹出软键盘 Native.JS focus
c***@shijigroup.com2020-07-24 15:13 评论文章 • 60 个评论 • 50217 次浏览
IOS分享软键盘弹出，在键盘上方出现自定义菜单样式 表情 弹出软键盘 iOS
kevinxu2019-03-24 10:30 评论文章 • 6 个评论 • 3559 次浏览
非native.js/原生插件监听键盘弹出/收起事件,妈妈再也不用担心我苹果和安卓键盘弹出方式不一样了 聊天 键盘 弹出软键盘 input mui
x***@126.com2019-01-12 13:48 评论文章 • 11 个评论 • 8396 次浏览
手动取消当前视图键盘焦点，参考iOS原生功能实现 iOS 键盘 弹出软键盘
z***@163.com2017-09-27 16:08 发表文章 • 0 个评论 • 2620 次浏览
