javascript - 如何在输入第一个字母后立即触发 jquery keyup 事件？

Question

我正在尝试为我正在从事的项目构建一个搜索工具。基本上，我过滤页面上的项目列表，然后显示匹配的项目。我遇到的问题是我正在使用分页，只要输入第一个字母，分页事件就不会触发，直到您输入第二个字母。当输入第一个字母时，底部的 context.paginate() 和 context.createPages(4) 函数不会触发。除此之外，它工作得很好，只是有点麻烦，我不明白为什么那些特定事件没有立即触发。包括解包在内的所有内容都会立即生效，只是最后两个函数不行。任何人，对为什么会这样有任何想法？

$(this).on("keyup change", function() {
    var searchVal;
    console.log(searchVal);
    radios = $(section).prev(".filterform").find("input[type='radio']");
    //Find which search filter option is checked and use that class for the find 
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].name && $(radios[i]).prop("checked")) {
            searchVal = radios[i].value;
        }
    }
    var filter = $(this).val();
    if (filter) {
        $(section).find("." + searchVal + ":not(:contains(" + filter +      "))").closest(".projects").slideUp();
        $(section).find("." + searchVal + ":contains(" + filter + ")").closest(".projects").slideDown();
    } else {
        $(section).find(".projects").slideDown();
    }
    $(section).find(".pages > .projects").unwrap();
    context.createPages(4);
    context.paginate();
});

Answer 1

element.keypress(function(e){
//...
if(this.selectionStart==0){
    //Do something
}