ホームページ >ウェブフロントエンド >jsチュートリアル >ウィジェットで入力値を設定した後、Onchange イベントを手動でトリガーするにはどうすればよいですか?

ウィジェットで入力値を設定した後、Onchange イベントを手動でトリガーするにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-26 09:26:16257ブラウズ

How to Manually Trigger an Onchange Event After Setting Input Value with a Widget?

ウィジェット経由で入力値を設定するときに Onchange イベントを手動でトリガーする方法

カレンダー ウィジェットを通じて日付/時刻テキストフィールドの値を動的に更新する場合、 onchange イベントを手動でトリガーするために発生します。これは、document.getElementById('datetimetext').value = date_value; などのウィジェットの値の割り当てがデフォルトのイベント トリガーを回避しているためです。

解決策は、MDN が提案しているように、カスタム イベント オブジェクトを手動でディスパッチすることです。 :

// Assuming we're listening for e.g. a 'change' event on `element`

// Create a new 'change' event
var event = new Event('change');

// Dispatch it.
element.dispatchEvent(event);

このカスタム イベントをディスパッチすると、onchange イベント ハンドラーを手動でトリガーでき、他のフィールドをリセットできるようになります。必要に応じてページ内で確認してください。

以上がウィジェットで入力値を設定した後、Onchange イベントを手動でトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。