当按下html键盘按钮时，将文本添加到输入字段（具有焦点的字段）(Add text to input fields (the one that has the focus) when html keyboard button pressed)

 我使用<div>和<a>标签在HTML中创建了一个屏幕键盘。 在页面上有六个文本输入（名字，昵称，姓氏，笔记，过敏，mobileNumber）。 我对JS并不擅长，但如果页面上只有一个输入，我知道该怎么做，但我不知道如何在有多个输入时执行此操作。 我一直在努力的部分是输入框在我点击一个字母后立即失去焦点。 
 
 如何将字母附加到选定的输入并且不会失去对该输入的注意力？ 当它是页面上的唯一输入时，我使用这个函数将一个字母附加到一个输入： 
 
var setClickEvents = function () {            
    $('.keyboard a.digit').unbind('click').click(function () {
        $name = $("input[id$='tbSearchBox']");
        $name.val($name.val() + $(this).html());
    });
}
 
 HTML键盘按钮 - 只有一个字母，但它与所有字母和数字的样式/设置相同： 
 
<a href="#" class="btn btn-default btn-lg digit">q</a>

I have created an on-screen keyboard in HTML using <div> and <a> tags. On the page there are six text inputs (firstName, nickname, lastName, notes, allergies, mobileNumber). I'm not that great at JS but I do know how to do it if there is just one input on the page but I'm not sure how to do it when there are multiple. Part of what I'm struggling with is the input box loses focus as soon as I click on a letter.
 
How do I append the letter to the selected input and not lose focus on that input? This is what I use to append a letter to one input when it is the only input on the page:
 
var setClickEvents = function () {            
    $('.keyboard a.digit').unbind('click').click(function () {
        $name = $("input[id$='tbSearchBox']");
        $name.val($name.val() + $(this).html());
    });
}
 
HTML keyboard button--just one letter but it is the same style/setup for all letters and numbers:
 
<a href="#" class="btn btn-default btn-lg digit">q</a>

原文：https://stackoverflow.com/questions/42798475