手机端页面,隐藏虚拟键盘

2024-10-28 07:02:02 211人阅读

原生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个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们