テキストフィールドカウンタが遅いです

Question

私はJQueryライブラリで使用する文字カウンタをTwitterカウンタと同様の効果を残して作成しました。しかし、私は気づいたことがあります少なくともFireFoxはそれを扱うのに荒い時間があります（他のブラウザはいくつかの歪みを示していますが、悪くはありません）。基本的には、安定したペースでタイピングしながら、「追いつく」ようになり、追いつくまでブラウザが反応しなくなる。 Twitterのテキストボックスで同じ入力速度を試してみると、全く減速しません！

私はこのボックスを監視する自動サイズ変更プラグインを持っていますが、私はこのコードだけがスローダウンを引き起こしていることを見つけるために多くの削除と変更を試みました。だから、ブラウザが特定の時間に処理するのはあまりにも数学的な計算であると思うかもしれませんが、私は本当にこれがどれほど単純かに問題があるのか​​、また解決策を考えることはできません。

/* Post Saying text count */ 
var postSayingLimit = 450; 
$('span.counter').text(postSayingLimit); 
$('#post-saying').bind('keyup keypress', function() { 
    var postSayingUsed = $(this).val().length; 
    if(postSayingUsed >= postSayingLimit - postSayingLimit/10) { 
    $(this).parent().find('span.counter').addClass('counter-limit'); 
    } else { 
    $(this).parent().find('span.counter').removeClass('counter-limit'); 
    } 
    var postSayingCount = postSayingLimit - postSayingUsed; 
    $(this).parent().find('span.counter').text(postSayingCount); 
}); 

私は、条件付きを削除し、1つのバインディングに行って、ハード値を挿入して遅れを継続しようとしました。たぶんbind関数からいくつかの変数を移動するのでしょうか？実際のカウンタープロセスを関数にすることもできますか？

Answer 1

私はここに例作っ：http://jsfiddle.net/zpjc6/

が私のために高速に動作する（クロムしかし）。私はまた、変数にスパンを保存することで少し改善しました。そうするのがよい練習ですが、そのが高価です。 しかし、おそらくそれが役に立ちます。

編集：あなたの実際のサイトにリンクできますか？

Answer 2

可能な限り多くの要素を見つけ出し、必要に応じてクラスを削除したいだけです。 （それはしかし必要ですかかどうかを決定する効率的な方法を考え出す前に、それだけで繰り返し検索を廃止しようとする価値はあります。）