Sự kiện onbeforeunload

Posted by: admin in Thư viện sự kiện HTML 0

« Thuộc tính sự kiện trong HTML

<!DOCTYPE html>

<html>

<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>

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>

WebVN Cộng đồng web Việt Nam