从视觉键盘上输入其他键时，jQuery键盘不起作用

Question

我有一个3个按钮，每个按钮都有一个字母

如果按下字母，则会在文本区域

中输入

问题：

有效，但是当键盘上按下另一个键时，该按钮无效

我必须修复3按钮应该与其他键一起使用的问题。

但是如果按下任何其他键，它将不起作用

jQuery

$(function(){
    var $write = $('#nameInput'),
        shift = false,
        capslock = false;
    
    $('#keyboard li').click(function(){
        var $this = $(this),
            character = $this.html(); // If it's a lowercase letter, nothing happens to this variable
        // Add the character
        $write.html($write.html() + character);
    });
});

html

        <div class="wrap-input1 validate-input">
            <textarea id="nameInput"  class="input1" placeholder="input sentence"></textarea>
            <span class="shadow-input1"></span>
        </div>

        <div id="container" class="container-contact1-form-btn-g">
            <ul id="keyboard">
            <li class="letter">B</li>
            <li class="letter"G</li>
            <li class="letter"ch</li>
            </ul>
        </div>

注意：

作为后端 python 烧瓶正在处理并生成输出