javascript - 如何更改键盘输入并在输入字段中显示更改的数据

Question

我的 HTML 代码中有一个输入元素，我使用键盘输入一些值。然后我使用 onkeypress 处理程序更改此值，并显示键盘的值和更改后的值。

如何更改它以仅显示更改后的值？

function dialogTrigger(event) {
  var keyboardInput = event.which;
  keyboardInput = keyboardInput + 5;
  var changedInput = String.fromCharCode(keyboardInput);
  $("#fake-search").val($("#fake-search").val() + changedInput);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="fake-search" onkeypress="dialogTrigger(event)" class="fake-search" type="text" />

Answer 1

您可以阻止事件默认行为:

function dialogTrigger(event) {
  event.preventDefault(); //<<-- here e.g
  var keyboardInput = event.which;
  keyboardInput = keyboardInput + 5;
  var changedInput = String.fromCharCode(keyboardInput);
  $("#fake-search").val($("#fake-search").val() + changedInput);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="fake-search" onkeypress="dialogTrigger(event)" class="fake-search" type="text" />