最初の文字が入力された直後にjquery keyupイベントを発生させるにはどうすればいいですか？

Question

私が取り組んでいるプロジェクトの検索ツールを構築しようとしています。基本的に、私はページ上の項目のリストをフィルタリングし、一致するものを表示しています。私が抱えている問題は、ページネーションを使用していて、最初の文字が入力されるたびに2番目の文字を入力するまでページングイベントが発生しないということです。最初の文字が入力に入力されたとき、下部のcontext.paginate（）およびcontext.createPages（4）の関数は起動しません。それ以外は素晴らしい作品ですが、それはちょっとした迷惑なのですが、その特定の出来事がなぜすぐには発射されないのか分かりません。 unwrapを含むすべてのものが、直近の2つの関数ではなくただちに動作します。誰でも、なぜそれがあるのか​​についてのアイデアはありますか？

$(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 
} 

}

Answer 2

試行thisの"#target" insteand等IDセレクタを使用する：

$("#target").keypress(function() { 
//your code 
}); 

Answer 3

keyPressed or keyUp , keyDown event 

を使用して、キージ読み取りますDOMを実行することなく、直感的に実行できます。 あなたは、あなたがする勇気があるなら

は、その文字列を維持大文字/小文字を区別するためのイベントオブジェクトの

.shiftKey 

属性、一緒に行くことができます。 しかし、次のイベントでは、あなたのDOMは最初の文字を保持しています。そして、この "ハイブリッド"のアプローチで行くことができます。

Answer 4

他にも同様の問題があるかもしれません。私は私の「キーアップ」イベント内で私のページ機能のタイムアウトを500ms追加することでした。

setTimeout(function() { 
    $(section).find(".pages > .projects").unwrap(); 
    context.createPages(4); 
    context.paginate(); 
}, 500);