javascript - 具有错误输入 val() 的 keyup 事件

Question

在捕获 keyup 事件的脚本中，我得到了错误的输入字段值。

 $("#country-name").keyup(function () {

    if ($(this).val().length > 1 ) {
        console.log($(this).val());
    }
 });

在输入文本中，如果我输入 b r 然后我选择两个字母并快速输入 g r我有一个日志 br 但有 2 个日志 gr

如何避免 $(this).val() 更新得太快？

谢谢

Answer 1

最简单的方法是引入延迟以解决输入者的问题。

var t;
$("#country-name").keyup(function() {
    var value = $(this).val();
    clearTimeout(t);
    t = setTimeout(function() {
      if (value.length > 1 ) {
        console.log(value);
      }
    }, 500);
});

Example on jsfiddle