Sự kiện onbeforeunload

Sự kiện DOM Đối tượng Event

Định nghĩa và cách sử dụng

Sự kiện onbeforeunload xảy ra khi tài liệu sắp bị tải xong.

Sự kiện này cho phép bạn hiển thị thông điệp trong hộp thoại xác nhận, thông báo cho người dùng rằng họ sẽ ở lại hay rời khỏi trang web hiện tại.

Thông điệp mặc định xuất hiện trong hộp thoại xác nhận là khác nhau trên các trình duyệt khác nhau. Nhưng thông điệp tiêu chuẩn tương tự như “Bạn có chắc chắn muốn rời khỏi trang này không?”. Thông điệp này không thể xóa bỏ.

Nhưng, bạn có thể viết thông điệp tùy chỉnh cùng với thông điệp mặc định. Xem ví dụ đầu tiên trên trang này. Ghi chú: Chỉ áp dụng cho Internet Explorer.

Ghi chú:Nếu sự kiện onbeforeunload không được gán cho phần tử <body>, bạn phải gán/thêm sự kiện này vào đối tượng window và sử dụng thuộc tính returnValue để tạo thông điệp tùy chỉnh (xem ví dụ ngữ pháp dưới đây).

Ví dụ

Chạy JavaScript khi trang web sắp tải xong:

<body onbeforeunload="return myFunction()">

Thử ngay

Cú pháp

Trong HTML:

<element onbeforeunload="myScript">

Thử ngay

Trong JavaScript:

object.onbeforeunload = function(){myScript};

Thử ngay

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("beforeunload", myScript);

Thử ngay

Ghi chú:Internet Explorer 8 hoặc sớm hơn không hỗ trợ Phương thức addEventListener()。

Chi tiết kỹ thuật

Bao bọc: Không hỗ trợ
Có thể hủy bỏ: Hỗ trợ
Loại sự kiện: Nếu được tạo từ giao diện người dùngUiSự kiện。Còn lại Sự kiện。
Các thẻ HTML được hỗ trợ: <body>
Phiên bản DOM: Sự kiện Level 2

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ sự kiện này hoàn toàn.

Sự kiện Chrome IE Firefox Safari Opera
onbeforeunload Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ 15.0
Sự kiện DOM Đối tượng Event