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" />

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

1 个答案: