Tab键无法正常工作

Question

I have made a key with value=tab when clicking on tab it changes the focus to next textbox its fine up till here but suppose i focus on second textbox and then press 1 key from the keypad made in webpage.after that if i press the tab key again it focus on first textbox whereas it should focus on third textbox.

Fiddle here

$txt[0].setSelectionRange(pos+1, pos+1);



});  


$('.delete').on('click',function() {

    var $myInput = $txt;
    $myInput.val($myInput.val().slice(0, -1));
});

$('.clear').on('click',function() {
    $txt.val('');
});

Answer 1

Just right:

$txt.focus();

inside:

$(".num").on("click", function(e) {
    if (! $txt) return false; // If tracker is cleared, just return

    var prev = $txt.val();
    var num = this.value;
    var pos = $txt[0].selectionStart;
    var newValue = prev.substring(0, pos) + num + prev.substring(pos);
    $txt.val(newValue);
    $txt[0].setSelectionRange(pos+1, pos+1);


        $txt.focus();



}); 

You will get the correct focus.

Check Fiddle here.