Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/ja/docs/Web/API/ToggleEvent/ToggleEvent below:

ToggleEvent: ToggleEvent() コンストラクター - Web API

Baseline 2023

Newly available

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

ToggleEvent() コンストラクターは、新しい ToggleEvent オブジェクトを生成します。

new ToggleEvent(type, init)

type

文字列で、イベントの方を表します。ToggleEvent の場合、これは常に toggleevent です。

init

以下のプロパティを持つオブジェクトです。

newState

文字列で、この要素が遷移した後の状態を表します。取りうる値は "open" および "closed" です。

oldState

文字列で、この要素が遷移する前の状態を表します。取りうる値は "open" および "closed" です。

開発者がこのコンストラクタを手動で使用することはないでしょう。関連するイベントが発行された結果、ハンドラーが呼び出されると、新しい ToggleEvent オブジェクトが生成されます。

例えば次の通りです。

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");
  }
});

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4