PopStateEvent: state プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

state は PopStateEvent インターフェイスの読み取り専用プロパティで、このイベントが生成されたときに格納された状態を表します。

実質的には、 history.pushState() または history.replaceState() の呼び出しによって指定された値です。

値

オブジェクト、または null です。

例

以下のコードでは、 pushState() メソッドを使って値を履歴にプッシュしたときの state の値を記録しています。

// Log the state of
addEventListener("popstate", (event) => {
  console.log("State received: ", event.state);
});

// Now push something on the stack
history.pushState({ name: "Example" }, "pushState example", "page1.html");
history.pushState(
  { name: "Another example" },
  "pushState example",
  "page1.html",
);

次のようにログ出力します。

State received: { name: "Example" }
State received: { name: "Another example" }

仕様書

仕様書
HTML # dom-popstateevent-state-dev

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2023年12月9日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

PopStateEvent: state プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力