JavaScript | ドキュメントのロード後に実行するイベントの実装方法

2023-02-27JavaScript イベント,JavaScript

JavaScript | ドキュメントのロード後に実行するイベントの実装方法

JavaScriptのaddEventListener()メゾッドを使って、ドキュメントのロード後に実行するイベントの実装方法を紹介しています。

ドキュメントのロード後に実行するイベント

addEventListener()メゾッドに「DOMContentLoaded」を指定してドキュメントのロード後に実行するイベントのサンプルコードです。

// ドキュメントのロード後に実行する
document.addEventListener("DOMContentLoaded", function (e) {
	// 処理
});

以下はアロー関数バージョンになります。

// ドキュメントのロード後に実行する
document.addEventListener("DOMContentLoaded", e => {
	// 処理
});