javascript - 如何提高 "on keyup"速度？

Question

这个问题已经有答案了:

Keyup event handler shows slow performance (1 个回答)

已关闭 5 年前。

这是我的代码:

$('#MyInput').on('keyup', function (e) {
      if ($(this).val().length == 1) {
          ajaxSearch($(this).val());
     }
});

我想在 input 时运行一个函数只有一个字符。

问题是，如果用户输入单词的速度非常快，'keyup' event 似乎是从第二个字符开始调用的，这意味着它不会调用ajaxSearch()方法。

有什么办法可以改善'keyup'当函数只有 1 个字符时调用该函数的事件速度？

Answer 1

当用户输入速度太快时，他/她可能还没有释放上一个键，因此从技术上讲，keyup尚未发生。

尝试keypress而不是keyup

$('#MyInput').on('keypress', function (e) {
      if ($(this).val().length == 1) {
          ajaxSearch($(this).val());
     }
});

编辑

On keypress input 的 value 属性尚未更新，因此还要捕获 keyup 如果用户只输入一个字符。

$('#MyInput').on('keypress', function (e) {
      if ($(this).val().length == 1) {
          ajaxSearch($(this).val());
     }
});

$('#MyInput').on('keyup keypress', function(e) {
  if ($(this).val().length == 1) {
    ajaxSearch($(this).val(),e);
  }
});

function ajaxSearch(value,e) {
  console.log(value, e.type)
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="MyInput">