使用多个输入元素时未触发Android Chrome按键事件“ Enter”

时间:2018-08-03 13:45:36

标签: javascript android html google-chrome events

当用户单击Android中的“ Enter”按钮(右下按钮)时,我无法捕获该事件。我尝试了“ keyup”,“ keydown”,“ keypress”和本机JS eventlistener函数。它可以在PC或Android系统中的默认浏览器上运行。

这是我的测试代码:

<form>
  <input type="text" id="test" name="1">
  <input type="text" id="test2" name="2">
  <input type="text" id="test3" name="3">
</form>

<script src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>

<script>
  $('#test').keyup(function(e){
    alert('keyup ' + e.keyCode);
  });
  $('#test').keydown(function(e){
    alert('keydown ' + e.keyCode);
  });
  $('#test').keypress(function(e){
    alert('keypress' + e.keyCode);
  });
</script>

发生的事情是它“制表”到下一个字段,但没有按键/键按下/键输入和keyCode选项卡,只是一个似乎无法捕捉的选项卡。当您在最后一个输入(在本例中为#test3)中按“ enter”时,它确实会触发带有keyCode 13的事件,因为它是表单中的最后一个元素(此代码中未触发任何内容,但我已经对其进行了测试) >

0 个答案:

没有答案