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

Triggering Events Programmatically in JavaScript

In JavaScript,イベントは通常 addEventListener メソッドを使用して特定のエレメントにアタッチされます。ただし、別の関数からプログラム的にイベントをトリガーする必要がある場合があります。この方法について説明します。

過去には、fireEvent（IE 8 以下）と dispatchEvent（他のほとんどのブラウザ）という 2 つの主要なメソッドがイベントのトリガに使用されていました。しかし、initEvent メソッドはもう推奨されていません。

現代的なアプローチでは、ブラウザのサポートに応じて createEvent または createEventObject を使用してイベントを作成し、dispatchEvent を使用してそれをトリガーします。

以下に、dataavailable イベントを特定のエレメントでトリガーするサンプルコードを示します。

var event; // カスタムイベント

if (document.createEvent) {
    // W3C の dispatchEvent を使用
    event = document.createEvent("HTMLEvents");
    event.initEvent("dataavailable", true, true);
    event.eventName = "dataavailable";
    element.dispatchEvent(event);
} else {
    // IE 8 以下用の fireEvent を使用
    event = document.createEventObject();
    event.eventName = "dataavailable";
    event.eventType = "dataavailable";
    element.fireEvent("on" + event.eventType, event);
}

このコードでは、dataavailable イベントのカスタムイベントが作成され、指定されたエレメント element でプログラム的にトリガーされます。

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