CustomEvent: thuộc tính detail

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Note: This feature is available in Web Workers.

Thuộc tính detail chỉ đọc của giao diện CustomEvent trả về bất kỳ dữ liệu nào được truyền khi khởi tạo sự kiện.

Giá trị

Bất kỳ dữ liệu nào mà sự kiện được khởi tạo với nó.

Ví dụ

js
// tạo các sự kiện tùy chỉnh
const catFound = new CustomEvent("animalfound", {
  detail: {
    name: "cat",
  },
});
const dogFound = new CustomEvent("animalfound", {
  detail: {
    name: "dog",
  },
});

const element = document.createElement("div"); // tạo một phần tử <div>

// thêm trình lắng nghe sự kiện phù hợp
element.addEventListener("animalfound", (e) => console.log(e.detail.name));

// dispatch các sự kiện
element.dispatchEvent(catFound);
element.dispatchEvent(dogFound);

// "cat" và "dog" được ghi ra console

Đặc tả kỹ thuật

Thông số kỹ thuật
DOM
# ref-for-dom-customevent-detail②

Tương thích trình duyệt

Xem thêm