softInputMgr模块（弹出软键盘） demo演示

伤飞工作室

本帖最后由伤飞工作室于 2018-1-25 17:26 编辑

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>title</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
</head>
<body>
<input type="text" placeholder="请输入搜索内容" id="search-input">
<a class="button" tapmode="active" onclick="opend()">弹出</a>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
apiready = function() {
};
//该方法使用于打开win 自动触发软键盘（功能类似于淘宝的搜索框，点击搜索后自动定位光标、并弹出软键盘。）
//setimeout中的时间（400）将由打开win动画的时间定为，必须比打开动画时间大于100，如果默认不使用动画那就要写100
function opens(){
setTimeout(function() {
var softInput = api.require('softInputMgr');
softInput.toggleKeyboard();
document.getElementById("search-input").focus()
},400);
}
//该方法使用于已打开状态下的页面手动触发软键盘
function opend(){
var softInput = api.require('softInputMgr');
softInput.toggleKeyboard();
document.getElementById("search-input").focus()
}
</script>
</html>

复制代码

只放一个正在做的播放器，这里就不上传demo压缩包了新手自己动手实验才是自己的

gigie

感谢分享。

晨曦250

我就向问一下，softInputMgr模块我也用了，但是直接用弹不出软键盘，我翻了论坛里面的好多帖子才发现你这个帖子，试了一下，果然搞定，看了一下源码，理了一下你的逻辑，为什么0.4秒后去打开软键盘和定位焦点就可以了呢？原理是什么

伤飞工作室

晨曦250 发表于 2018-1-27 19:22
我就向问一下，softInputMgr模块我也用了，但是直接用弹不出软键盘，我翻了论坛里面的好多帖子才发现你这个 ...

打开win窗口的同时启动软键盘这样会弹出后自动隐藏，这个前提有个打开动画时间。
要等动画时间过了才可以触发启动

weier

谢谢收益了直接使用模块的方法没有办法调出来

天因 · 回复于2019-11-25 11:06:17

使用softInputMgr模块（弹出软键盘） demo演示时，报错 TypeError: Cannot read property 'toggleKeyboard' of undefined ，怎么解决？