单击输入时防止失去焦点

Question

我正在使用jQuery开发一个虚拟键盘，我的问题是：

当我单击键盘上的键时，输入在单击过程中失去焦点，如果输入中的字母数大于输入大小，则输入显示字符串的开头。然后当释放点击时，输入返回焦点，插入符号到达字符串的末尾。所以它很难看，因为我们的印象是输入内容闪烁。

theButtonDiv.click(function() {
    attachedInput.value = idOfAttachedInput.value + theActualKey;
    attachedInput.focus();
});

所以我想在点击键盘按钮时防止输入失去焦点。

我该怎么做？

感谢。

Answer 1

一种方法是在顶级键盘节点上侦听“mousedown”事件，并在事件对象上调用preventDefault。

Answer 2

我认为你正在寻找一个名为outline的CSS属性。

#yourinput {
    outline: none;
}

当它具有焦点时，应该注意突出显示的框。