Question

我为信息亭应用程序创建了自定义虚拟键盘。问题是每次您单击键盘键时，输入字段都会失去焦点。任何帮助，将不胜感激。

Answer 1

防止元素聚焦，然后将焦点返回到所需字段。

$('#div').on('mousedown', function(event) {
   event.preventDefault();
   $('#field').focus();
});

Answer 2

一旦输入失去对虚拟键盘单击的关注，您可以将焦点移回。

let input = document.getElementById('input')
input.focus() // focus on input on page load

function handleInput (key) {
 input.value += key // add key value to input
}

<button onclick="handleInput('a')">a</button>
<button onclick="handleInput('b')">b</button>
<button onclick="handleInput('c')">c</button>

<input onfocusout="this.focus()" id="input"/> <!-- focus on input back on onfocusout ie. when user click elsewhere -->

输入始终是焦点。

停止输入失去对虚拟键盘单击的关注

2 个答案: