ToggleEvent: oldState プロパティ

Baseline 広く利用可能

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

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

oldState は ToggleEvent インターフェイスの読み取り専用プロパティで、この要素が遷移する前の状態を表す文字列です。

値

文字列です。取りうる値は "open"（ポップオーバーが表示されている）または "closed"（ポップオーバーが非表示になっている）です。

例

const popover = document.getElementById("mypopover");

// ...

popover.addEventListener("beforetoggle", (event) => {
  if (event.oldState === "open") {
    console.log("Popover is being hidden");
  } else {
    console.log("Popover is being shown");
  }
});