jquery - 使用Jquery捕获文本框文本总是 'one character behind'

Question

我正在尝试使用 jquery 和 keydown 事件捕获用户输入。

这是我的代码:

 $(document).ready(function() {
        $("#searchText").keydown(function() {
            var filter = jQuery.trim($(this).val());
            if (filter.length > 3 || filter.length == 0) {
                //hit the index action again and pass the keyword
                $("#results").fadeOut("fast");
                $("#results").load("/Organisation/Index?keyword=" + filter, null, function() {
                    $(this).fadeIn("fast");
                });
            }
        });
    });

在 mo 上，这是有效的，除了捕获的字符串似乎总是“过时”一个字符之外，我必须按另一个键才能真正获取我想要传递给我的操作的文本。

提前致谢!

Answer 1

您的问题是“keydown”事件。由于值的处理是在按下按键时完成的，因此新按下的字符尚未计入输入。通过使用“keyup”，处理是在新按下的字符已添加到值后完成的。

 $(document).ready(function() {
        $("#searchText").<b>keyup</b>(function() {
            var filter = jQuery.trim($(this).val());
            if (filter.length < 3 || filter.length == 0) {
                //hit the index action again and pass the keyword
                $("#results").fadeOut("fast");
                $("#results").load("/Organisation/Index?keyword=" + filter, null, function() {
                    $(this).fadeIn("fast");
                });
            }
        });
    });