尝试通过键入jquery中的任何位置来设置输入

Question

我正在尝试做一个游戏，人们不必在输入字段内点击，以便键入，我有输入字段的值是通过键入设置的，除了每键入一个新的字母，它重置输入字段而不是添加值。这是代码：

$( document).on( "keydown", function( event ) {
  $( ".inputfield" ).val(String.fromCharCode(event.which))
});

Answer 1

您需要添加到当前值，而不是覆盖它。

null

$( document).on( "keydown", function( event ) {
  const current_value = $( ".inputfield" ).val();
  const new_value = current_value + String.fromCharCode(event.which);
  $( ".inputfield" ).val(new_value);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" class='inputfield' />