プログラムで JavaScript イベントをトリガーするにはどうすればよいですか?

JavaScript でプログラムによるイベントのトリガー

イベント処理は、応答性の高い Web アプリケーションで重要な役割を果たします。イベント リスナーを HTML 要素に添付するのは簡単ですが、他の関数からプログラムでイベントをトリガーするのは困難になる場合があります。

解決策:

プログラムでイベントをトリガーするには、次のことができます。次のアプローチを使用します:

1.イベント コンストラクター:

最新のブラウザーは、Event コンストラクターを使用したカスタム イベントの作成をサポートしています。以下に例を示します:

const event = new Event('customEvent', {
  bubbles: true,
  cancelable: true
});

element.dispatchEvent(event);

2.ドキュメントベースのディスパッチ:

このメソッドは、ほとんどのブラウザーと互換性があります。ドキュメント オブジェクトを使用してイベントを作成し、ディスパッチできます:

const event = document.createEvent('HTMLEvents');
event.initEvent('customEvent', true, true);
event.eventName = 'customEvent';

element.dispatchEvent(event);

3.レガシー IE サポート:

Internet Explorer 8 以前の場合、fireEvent メソッドを使用できます:

const event = document.createEventObject();
event.eventName = 'customEvent';
event.eventType = 'customEvent';

element.fireEvent('on' + event.eventType, event);

注:

• initEvent メソッドは現在、非推奨。
• bubbles は、イベントが DOM ツリーをバブルアップするかどうかを指定します。
• cancelable では、ハンドラーによってイベントをキャンセルできます。

以上がプログラムで JavaScript イベントをトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。