入力要素に「Change」と「Input」のどちらのイベント ハンドラを使用するか?

Mary-Kate Olsen
リリース: 2024-10-23 08:22:29
オリジナル
338 人が閲覧しました

Which Event Handler to Use:

入力要素のイベント: "Change" と "Input"

jQuery を使用して のイベントを処理する場合要素では、イベント ハンドラーとして 'change' および 'input' のオプションが表示される場合があります。これら 2 つの違いを理解することは、効果的なイベント処理にとって重要です。

ドキュメントとコミュニティの洞察によると、要素のテキスト コンテンツがユーザーの操作を通じて変更されるたびに、「input」イベントが発生します。これには、文字の入力、貼り付け、削除などのシナリオが含まれます。

一方、「change」イベントは特定の状況でトリガーされます。

  • For 値が変更され、要素がフォーカスを失うと、イベントが発生します。ただし、要素内で Enter キーを押すと、変更イベントもトリガーされます。
  • For 要素の場合)、またはオプションの選択が変更されたとき (