CloseWatcher: sự kiện cancel

Khả dụng hạn chế

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Một sự kiện cancel được kích hoạt trên đối tượng CloseWatcher trước sự kiện close, để có thể ngăn close được kích hoạt nếu cần. Nó được kích hoạt bởi mọi tín hiệu đóng (ví dụ: phím Esc) cũng như bởi CloseWatcher.requestClose().

Cú pháp

Dùng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt một thuộc tính trình xử lý sự kiện.

addEventListener("cancel", (event) => { })

oncancel = (event) => { }

Kiểu sự kiện

Một Event.

Ví dụ

Dùng sự kiện `cancel`

Trong ví dụ này, chúng ta yêu cầu người dùng xác nhận rằng họ thực sự muốn đóng thành phần, và nếu không, chúng ta hủy sự kiện bằng Event.preventDefault(), việc này ngăn không cho sự kiện close được kích hoạt.

watcher.addEventListener("cancel", (e) => {
  if (e.cancelable && hasUnsavedData) {
    const userReallyWantsToClose = confirm("Are you sure you want to close?");
    if (!userReallyWantsToClose) {
      e.preventDefault();
    }
  }
});

// Trigger a close request manually
watcher.requestClose();