ToggleEvent
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
ToggleEvent インターフェイスは、ポップオーバー要素の状態が表示と非表示の間で切り替わるときにユーザーに通知するイベントを表します。
これは HTMLElement の beforetoggle および toggle イベントのためのイベントオブジェクトであり、表示中と非表示の間で遷移したときに（それぞれ前と後に）ポップオーバーで発行されます。
コンストラクター
ToggleEvent()Experimental-
ToggleEventオブジェクトを作成します。
インスタンスプロパティ
このインターフェイスは、親である Event からプロパティを継承しています。
ToggleEvent.newState読取専用 Experimental-
（
"open"または"closed"の）文字列で、要素が遷移した後の状態を表します。 ToggleEvent.oldState読取専用 Experimental-
（
"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");
}
});
仕様書
| Specification |
|---|
| HTML Standard # toggleevent |
ブラウザーの互換性
BCD tables only load in the browser