javascript - 在类型上输入自动对焦

Question

晚上好，提前致谢!

我有这个输入:

<div class="ref-control">
    <h3>Por Favor passe o passe o cartão pelo leitor</h3>
    <form>
        <label for="leitura-nim"> Leitura de Nim
            <input tabindex="99" autofocus type="text" name="leitura-nim" id="leitura_nim" />
        </label>
    </form>
</div>

并且此输入在页面加载时获得自动对焦，到目前为止一切顺利，我的问题是，当用户在输入外部单击时，我需要它在用户按下键盘上的键或输入时再次成为自动对焦从某些设备接收(它与测试输入相同)，到目前为止我得到了这个 js，但它没有启用对按键的关注。

var leituraNim = $('#leitura_nim');

leituraNim.on('keypress', function() {
    document.getElementById('leitura_nim').contentEditable = true;
    document.getElementById('leitura_nim').focus();


});
leituraNim.on('keyup', function() {

    if (leituraNim.value.length == 8) {
        leituraNim.submit();
    }
});

你们能帮帮我吗？

谢谢罗布

Answer 1

尝试像下面这样的东西。注意额外的 #form <form id="form"> 的 ID 标签.我认为你想要实现的是在输入尚未聚焦时聚焦于任何按键，如果是这样，$(document).on("keypress")应该可以解决问题。

$(function() {
  $(document).on("keypress", function() {
    $("#leitura_nim").focus();
  });
  
  $("#leitura_nim").on("keyup", function() {
    if($(this).val().length == 8) {
      $("#form").submit();
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="ref-control" >
<h3>Por Favor passe o passe o cartão pelo leitor</h3>
<form id="form">
<label for="leitura-nim"> Leitura de Nim
<input tabindex="99" autofocus type="text" name="leitura-nim" id="leitura_nim"  />
</label>
</form>
</div>