如何提高"on keyup"的速度？

Question

这是我的代码:

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

我想在input只有一个字符的情况下运行一个函数.

问题是如果用户真的很快输入一个单词,那么'keyup'似乎从第二个字符开始调用该事件,这意味着它不会调用ajaxSearch()方法.

'keyup'当它只有1个字符时,有没有办法提高事件的速度来调用它？

Answer 1

当用户键入太快时,他/她可能还没有释放以前的键,所以从keyup技术上来说还没有发生.

尝试keypress而不是keyup

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

编辑

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

Answer 2

尝试按键而不是键盘

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