CookieChangeEvent

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.

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

Giao diện CookieChangeEvent của Cookie Store API là kiểu sự kiện của sự kiện change được kích hoạt trên một CookieStore khi có bất kỳ cookie nào được tạo hoặc xóa.

Note: Một cookie bị thay thế do chèn một cookie khác có cùng tên, miền và đường dẫn sẽ bị bỏ qua và không kích hoạt sự kiện thay đổi.

Constructor

CookieChangeEvent(): Tạo một CookieChangeEvent mới.

Thuộc tính thể hiện

Giao diện này cũng kế thừa các thuộc tính từ Event.

CookieChangeEvent.changed Read only: Một mảng liệt kê tất cả cookie mới được tạo. Lưu ý rằng mảng này không bao gồm các cookie được tạo với ngày hết hạn trong quá khứ, vì các cookie đó sẽ bị xóa ngay lập tức.
CookieChangeEvent.deleted Read only: Một mảng liệt kê tất cả cookie đã bị xóa, hoặc do hết hạn hoặc do bị xóa tường minh. Lưu ý rằng mảng này sẽ bao gồm các cookie được tạo với ngày hết hạn trong quá khứ.

Phương thức thể hiện

Giao diện này cũng kế thừa các phương thức từ Event.

Trong ví dụ này, khi cookie được đặt, bộ lắng nghe sự kiện sẽ ghi sự kiện ra bảng điều khiển. Đây là một đối tượng CookieChangeEvent với thuộc tính changed chứa một đối tượng đại diện cho cookie vừa được đặt.

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

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