このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CookieStore: change イベント

Baseline 2025
最近利用可能

June 2025以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。

Want more support for this feature? Tell us why.

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

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

構文

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

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

onchange = (event) => { }

イベント型

CookieChangeEvent です。Event から継承しています。

Event CookieChangeEvent

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

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

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

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

仕様書

仕様書
Cookie Store API
# intro-monitor
Cookie Store API
# dom-cookiestore-onchange

ブラウザーの互換性