Sự kiện onbeforeunload
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > < body onbeforeunload = "return myFunction()" > < p > S ự ki ệ n onbeforeunload s ẽ đượ c g ọ i ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <body onbeforeunload="return myFunction()"> <p>Sự kiện onbeforeunload sẽ được gọi khi bạn đóng cửa sổ này, nhấn F5 hoặc nhấn vào liên kết dưới đây.</p> <a href="https://webvn.com">Nhấn vào đây để truy cập webvn.com</a> <script> function myFunction() { return "Bạn có thể ghi thông báo của bạn vào đây...."; } </script> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Sự kiện onbeforeunload được kích hoạt khi người dùng đóng cửa sổ hoặc chuyển tới trang khác.
Sự kiện này cho phép bạn hiển thị một hộp thoại thông báo tới người dùng muốn ở lại hay chuyển tới trang khác.
Thông báo mặc định sẽ xuất hiện trong hộp thoại xác nhận, ở trên mỗi trình duyệt sẽ xuất hiện một thông báo khác nhau. Tuy nhiên, thông báo chuẩn sẽ là “Are you sure you want to leave this page?”. Bạn không thể bỏ thông báo này.
Tuy nhiên, bạn có thể đưa ra thông báo của mình cùng với thông báo mặc định. Xem ví dụ ở trên.
Lưu ý: Trong Firefox, chỉ xuất hiện thông báo mặc định (không xuất hiện thông báo tùy chỉnh (nếu có)).
Trình duyệt hỗ trợ
Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| onbeforeunload | Có | Có | Có | Có | 15.0 |
Khác biệt giữa HTML 4.01 và HTML5
Không có.
Cú pháp
|
1 |
<element onbeforeunload="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính được sử dụng trong thẻ : <body>
