Custom events trong JavaScript là gì?

CustomEvent cho phép tạo events tùy chỉnh với data đính kèm.

Dispatch với element.dispatchEvent(event).

javascript

// Tạo và dispatch
const event = new CustomEvent('userLoggedIn', {
  detail: { userId: 42 },
  bubbles: true,
});
document.dispatchEvent(event);

// Lắng nghe
document.addEventListener('userLoggedIn', e => {
  console.log(e.detail.userId); // 42
});

Bubbles và cancelable tùy chỉnh được.

Dùng cho component communication không dùng framework, pub/sub pattern trong vanilla JS.

Xem toàn bộ JavaScript cùng filter theo level & chủ đề con.

Mở danh sách JavaScript