弹出软键盘

弹出软键盘

24 人关注该话题

input聚焦不弹出软键盘,APP平台nvue页面横屏 弹出软键盘

分类: uni-app / nvue IT技术部 2022-12-13 17:03  回复问题 • 2 人关注 • 1 个回复 • 58 次浏览

富文本editor在插入表情图片后,如何不显示软键盘? editor 弹出软键盘 富文本

分类: uni-app 7***@qq.com 2022-10-09 17:53  回复问题 • 5 人关注 • 4 个回复 • 634 次浏览

软键盘弹出导致页面被挤压 弹出软键盘

分类: uni-app 9***@qq.com 2022-09-06 09:59  回复问题 • 2 人关注 • 2 个回复 • 89 次浏览

【已解决】softinputNavBar参数对于textarea组件不生效 软键盘 弹出软键盘 uniapp

分类: uni-app 6***@qq.com 2022-09-04 19:53  回复问题 • 4 人关注 • 4 个回复 • 2228 次浏览

关于软键盘弹出遮住input的建议 弹出软键盘

分类: uni-app DCloud_UNI_WZF 2022-07-17 22:31  回复问题 • 1 人关注 • 1 个回复 • 85 次浏览

ios 顶部固定定位,键盘弹固定定位会失效 弹出软键盘

分类: uni-app 夏武依依 2022-04-14 11:39  发起问题 • 1 人关注 • 0 个回复 • 116 次浏览

【报Bug】webview 软键盘高度变化监听不到 弹出软键盘 uniapp

分类: uni-app coderLsk 2022-02-16 18:43  回复问题 • 8 人关注 • 9 个回复 • 1806 次浏览

uni-app textarea/input 如何重新获得焦点? 弹出软键盘 输入框 iOS

分类: uni-app 南月星儿 2022-02-09 15:19  回复问题 • 3 人关注 • 2 个回复 • 978 次浏览

IOS端软键盘弹出,无法把输入框立刻顶起来 弹出软键盘 移动APP
负责人:DCloud_iOS_XHY

分类: uni-app DCloud_iOS_XHY 2021-12-29 17:56  回复问题 • 1 人关注 • 1 个回复 • 1032 次浏览

uniapp中的input、text area、editor聚焦后无法唤起输入法 弹出软键盘 input textarea uniapp
负责人:DCloud_UNI_HDX

分类: uni-app DCloud_UNI_HDX 2021-12-13 11:41  回复问题 • 2 人关注 • 5 个回复 • 533 次浏览

在ios端获取键盘高度不准确 弹出软键盘
负责人:DCloud_iOS_XHY

分类: uni-app / nvue DCloud_iOS_XHY 2021-10-09 16:24  回复问题 • 3 人关注 • 1 个回复 • 378 次浏览

更多...
3

赞同来自: DIOGO beckzl 2***@qq.com

更新于2016-1-15,最新答案见:[http://ask.dcloud.net.cn/article/513](http://ask.dcloud.net.cn/article/513)


============以下为历史答案=============... 显示全部 »
更新于2016-1-15,最新答案见:[http://ask.dcloud.net.cn/article/513](http://ask.dcloud.net.cn/article/513)


============以下为历史答案==================
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>
```
1

赞同来自: 叶孤村

在执行show的时候需要让当前webview获取焦点。因此需要加句代码,如下:
var webview = plus.android.currentWebview();
plus.android.importClass(webview);
webview.r... 显示全部 »
在执行show的时候需要让当前webview获取焦点。因此需要加句代码,如下:
var webview = plus.android.currentWebview();
plus.android.importClass(webview);
webview.requestFocus();
12

赞同来自: BoredApe 缘多多 DCloud_heavensoft 马脸老男人 7***@qq.com 大馒头小咸菜 Trust 周羊羊 h***@163.com ggggggmt Yizhiyu SeanChi 更多 »

**这个问题是已经可以解决了的,不信可以去看mui demo里面的那个聊天程序 im-chat.html**

首先说一下为什么会出现这个情况,那是因为ios弹出软键盘的时候,webview的高度没有变化导致超出屏幕范围,而plus这时候又会自动把header... 显示全部 »
**这个问题是已经可以解决了的,不信可以去看mui demo里面的那个聊天程序 im-chat.html**

首先说一下为什么会出现这个情况,那是因为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顶起问题 弹出软键盘

分类: uni-app 一只眠羊2022-07-01 11:23  评论文章 • 9 个评论 • 13593 次浏览

解决软键盘弹起,挤压webview的问题; mui Webview 弹出软键盘

分类: HTML5+ 小菜啊2021-01-22 17:40  评论文章 • 3 个评论 • 5389 次浏览

使用Native.js实现打开页面默认弹出软键盘 弹出软键盘 Native.JS focus

分类: HTML5+ / Native.js c***@shijigroup.com2020-07-24 15:13  评论文章 • 60 个评论 • 48164 次浏览

IOS分享软键盘弹出,在键盘上方出现自定义菜单样式 表情 弹出软键盘 iOS

分类: HTML5+ / Native.js kevinxu2019-03-24 10:30  评论文章 • 6 个评论 • 3315 次浏览

手动取消当前视图键盘焦点,参考iOS原生功能实现 iOS 键盘 弹出软键盘

分类: MUI z***@163.com2017-09-27 16:08  发表文章 • 0 个评论 • 2383 次浏览

更多...