首页 > 代码库 > 手机端页面,隐藏虚拟键盘
手机端页面,隐藏虚拟键盘
原生js中没有方法来控制手机虚拟键盘的隐藏与显示,当输入框得到焦点时会自动弹出虚拟键盘,很多时候页面已经滚动到别处了,键盘应该隐藏了,可键盘还是没收回,这时候可用个变通的办法了隐藏键盘.
首先在页面增加一个input元素:
<input type="text" class="input-null" id="input-null" readonly>
css如下
.input_null { display: block; width: 100px; height: 45px; position: fixed; right:0; top:0; background: rgba(0,0,0,0); }
js触发一下这个input的得到焦点事件即可(jQuery的写法):
$("#input-null").trigger("focus");
手机端页面,隐藏虚拟键盘
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。