當我專注於文本框時如何顯示Caps，Shift，Enter按鈕

Question

我已經使用javascript為虛擬鍵盤編寫了以下代碼。

Jsp頁面：

   <form>
        <label for="text">Enter Text: </label>
        <input id="text" name="text" type="text" size="50" onfocus="myFunction(this)" />
        <input name="" type="reset" value="Clear" />
     </form>

Javascript：

 function myFunction(x)
    {                    
    }

    function clicked(val)
    {   
        var txt;
        txt = document.getElementById('text').value;

        if(val != 'B')
        {
            txt = txt + '' + val;
        }
        else
        {
            txt = txt.substr(0,(txt.length)-1);
        }
        document.getElementById('text').value = txt;
    }
 $(".dialog").dialog({
        autoOpen: false,
        height: 200,
        width: 930,
        modal: false,
        draggable: true,
        resizable: true,

        buttons : {

                        "ESC":function(){
                var val="Esc";
                clicked(val);

            },

            "1":function(){
                var val="1";
                clicked(val);
            },

            "Tab":function(){
                var val="T";
                clicked(val);
            },
            "Caps":function(){
                var val="q";
                clicked(val);
            },




            "Shift":function(){
                var val="";
                clicked(val);
            },

            "B":function(){
                var val=" ";
                clicked(val);
            },





        },

});

當文本框被集中顯示時，像鍵盤一樣的對話框，當我單擊某個按鈕時，其在文本框中輸入的按鈕值（大寫，Shift，Enter和Tab）除外。

請提供這些Caps，Shift，Enter，Tab所需的代碼。

我不確定如何在clicked（val）方法中維護代碼。

Answer 1

當用戶按下Shift / Caps鍵時，最好設置一個標志，而不是在文本框中插入任何內容。 例如：

"Shift":function(){
                isShift=1;
            }
"Caps":function(){
                isCap=1;
            },

然后在插入字母時檢查標志。 如果設置了isShift或isCap ，則插入大寫字母。 同樣， isShift應該設置為0 。

這只是PoC代碼，您將知道如何實現它。