CookieChangeEvent

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The CookieChangeEvent interface of the Cookie Store API is the event type passed to CookieStore.onchange() when any cookie changes have occurred. A cookie change consists of a cookie and a type (either "changed" or "deleted").

Cookie changes that will cause the CookieChangeEvent to be dispatched are:

  • A cookie is newly created and not immediately removed. In this case type is "changed".
  • A cookie is newly created and immediately removed. In this case type is "deleted"
  • A cookie is removed. In this case type is "deleted".

Note: A cookie that is replaced due to the insertion of another cookie with the same name, domain, and path, is ignored and does not trigger a change event.

Constructor

CookieChangeEvent.CookieChangeEvent()

Creates a new CookieChangeEvent.

Properties

This interface also inherits properties from Event.

CookieChangeEvent.changedRead only

Returns an array containing one or more changed cookies.

CookieChangeEvent.deletedRead only

Returns an array containing one or more deleted cookies.

Examples

In this example when the cookie is set, the event listener logs the event to the console. This is a CookieChangeEvent object with the changed property containing an object representing the cookie that has just been set.

cookieStore.addEventListener('change', (event) => {
  console.log(event);
});

const one_day = 24 * 60 * 60 * 1000;
cookieStore.set({
  name: "cookie1",
  value: "cookie1-value",
  expires: Date.now() + one_day,
  domain: "example.com"
});

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
CookieChangeEvent
87
87
No
No
73
No
87
87
No
62
No
14.0
CookieChangeEvent
87
87
No
No
73
No
87
87
No
62
No
14.0
changed
87
87
No
No
73
No
87
87
No
62
No
14.0
deleted
87
87
No
No
73
No
87
87
No
62
No
14.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CookieChangeEvent