javascript - 文本输入中的 5 个字符后忽略“输入”键并移动焦点

Question

我的客户需要扫描包含发票号（5 位数字）和“输入”键击的条形码。

我需要输入框忽略“回车”键，并在 5 个字符后将焦点移至下一个输入框。

如果您可以包含一些示例代码，我将不胜感激。谢谢！

Answer 1

使用文本框的 onkeypress 或 onkeyup 并添加代码 if(event.keyCode==13)return false; （13是回车键）和设置焦点到下一个控件

例如，您有 2 个文本框（TxtBox1 和 TxtBox2）

 <input id="TxtBox1" type="submit" onkeypress="if(event.keyCode==13)return false;document.getElementById('TxtBox2').focus(); " name="Submit" value="Send" />

Answer 2

$('input[type=text]').on('keyup', function(e) {
    if (e.which != 27 || e.which != 8) { // check for backspace and delete
        if (e.which != 13) { // ignoring enter
            if (!this.value.replace(/\s/g, '').match(/\d/g)) { // checking for digit
                alert('Insert Digit');
                $(this).val(''); // make the field empty
            } else {
                if (this.value.length > 4) {
                    $(this).next().focus(); // automatically change current input of length 5 digits
                }
            }
        }

    }
});

演示

Answer 3

一些jQuery：

$('#test').keydown(function(e) {
if (e.which == 13) {
    if ($(this).val().length == 5) {
        e.preventDefault();
        $('#test2').focus();
    }
}
});

假设 'test' 和 'test2' 是 2 个文本框的 id

Answer 4

与其忽略回车键，不如将其用作移动事物的提示。类似于以下内容：

$("#myTextbox").keydown(function(event){
  if(event.keyCode == 13){
  // validate input and move on to the next textbox
  }
});