テキストボックスのコンテンツが変更されたかどうかを検出するバッテリに優しい方法

Question

This question's answers提案すると、テキストボックスの内容が変更された場合にすぐに（ぼかしを待つことなく）すぐに検出できる信頼性の高い方法としてwindow.setIntervalキープレス以外の

私のデスクトップPCでさえ、いくつかのテキストボックスをチェックする比較的シンプルなハンドラで実行される500ミリ秒のsetIntervalで、IEまたはFirefoxがCPUの些細な部分を噛み砕いているのが分かります。これはデスクトップPCでは問題ありませんが、ラップトップや携帯電話ではバッテリーの寿命に悪影響を及ぼします。

jqueryを使用してCPU使用率を最小限に抑えながら、テキストボックスへの変更（クリップボードの貼り付け、Ajaxの更新などを含む）に対する応答を高速に提供するにはどうすればよいですか？

Answer 1

onBlurは、オブジェクトを必ずしも変更せずに移動した場合です。

onChangeは、値を変更したオブジェクトから移動した後にのみ呼び出されます。

お客様のニーズに合わせてください。そうでない場合、さまざまなキー押下イベントが各文字の変更のたびにトリガーされます。

これは、定期的に1つのjavascript変数を更新しても、セレクタがいくつかの奇妙なDOM動作を引き起こしていないかぎり、処理能力を最大限に引き出すことはできません。

これを試してください：idで要素を参照し、その参照をjs変数に格納します。この参照を介して別の変数を更新および変更するのは簡単な操作です。

Answer 2

テキストボックスのフォーカスを合わせてwindow.setInterval（またはsetTimeout）チェッカーを実行し、ぼかしでそれを強制終了します。そうすれば、カーソルがテキストボックスにないときにCPUパワーを使い果たすことはありません。