ToggleEvent:newState 屬性

Baseline 2023
新推出

自 ⁨2023 年 11 月⁩ 起,此功能可在最新的裝置和瀏覽器版本中執行。此功能可能不適用於較舊的裝置或瀏覽器。

ToggleEvent 介面的 newState 只讀屬性是一個字串,表示元素正在轉換到的狀態。

一個字串。可能的值為 "open"(彈窗正在顯示)或 "closed"(彈窗正在隱藏)。

示例

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

// …

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

規範

規範
HTML
# dom-toggleevent-newstate

瀏覽器相容性

另見