入力タグの内容が変更されたときにイベントをトリガーする方法の概要_JavaScript スキル

1. onchange イベントと onpropertychange イベントの違い:

onchange イベントは、コンテンツが変更され (2 つのコンテンツが等しい場合があります)、フォーカスが失われたときにトリガーされます。onpropertychange イベントはリアルタイムでトリガーされ、キャラクターが追加または削除されるたびにトリガーされます。 js の変更によってもトリガーされますが、このイベントは IE 専用です。

2. oninput イベントと onpropertychange イベントの違い:

oninput イベントは、IE を除くほとんどのブラウザでサポートされているイベントです。値が変更されるとリアルタイムでトリガーされますが、onpropertychange イベントがプロパティの変更によってトリガーされる場合はトリガーされません。ただし、oninput は値が変更された場合にのみトリガーされます。oninput は addEventListener() を通じて登録する必要があり、onpropertychange の登録方法は一般的なイベントと同じです。

3. oninput と onpropertychange が失敗した場合:

入力イベント:

(1) スクリプト内で値が変更されてもトリガーされません。

(2) ブラウザの自動ドロップダウン プロンプトから選択する場合、トリガーされません。

onpropertychange イベント:

入力が disable=true に設定されている場合、トリガーされません。