CookieStore: change イベント

Baseline 2025
Newly available

Since June 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

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

change イベントは、任意の Cookie に変更が加えられると、CookieStore オブジェクトで発生します。

構文

このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

js
cookieStore.addEventListener("change", (event) => { })

cookieStore.onchange = (event) => { }

例

次のように cookieStore インスタンスに対して addEventListener() を使ってハンドラーを追加すると、Cookie が変更されたときに通知を受けることができます。

js
cookieStore.addEventListener("change", (event) => {
  console.log("1 change event");
});

あるいは、CookieStore.onchange イベントハンドラープロパティを使用して、change イベントのハンドラーを確立することができます。

js
cookieStore.onchange = (event) => {
  console.log("1 change event");
};

仕様書

Specification
Cookie Store API
# intro-monitor
Cookie Store API
# dom-cookiestore-onchange

ブラウザーの互換性