テキストフィールドの入力変更をリアルタイムで追跡するにはどうすればよいですか?

入力中のテキスト フィールドの入力変更の追跡

一般的な誤解とは異なり、input type="text" onchange イベントは終了時にトリガーされます。コントロール（ぼかし）。発生した変更を追跡するには、HTML5 の oninput イベントの活用を検討してください。

oninput の利点:

• 要素へのフォーカスを失うことなく、onchange のように感じられます。
• IE8 および IE8 を除く、モバイルを含むブラウザー全体で広くサポートされています

実装:

IE 以外のブラウザの場合は、oninput イベントのイベント リスナーを追加するだけです:

document.getElementById('source').addEventListener('input', inputHandler);

IE8 の場合、onpropertychange のイベント リスナーを次のように含めます。よく:

document.getElementById('source').addEventListener('propertychange', inputHandler);

追加の考慮事項:

oninput はほとんどの場合に信頼できますが、特定の入力には制限があります:

• オプションの選択: Firefox/Edge18-/IE9 は入力時に起動しません選択オプションの変更の場合。
• 右クリックで貼り付け: 右クリックして貼り付けるとコンテンツが変更される可能性があるため、onkey* イベントの使用は理想的ではありません。

これらのシナリオでは、考えられる回避策は、setTimeout 関数を使用して変更追跡を手動で実行することです。それほどエレガントではありませんが、それでも効果的に変更をキャプチャできます。

以上がテキストフィールドの入力変更をリアルタイムで追跡するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。