Sự kiện beforeunload được sử dụng để phát hiện xem trình duyệt hoặc tab đang bị đóng hay trang web đang được tải lại
Sử dụng Sự kiện beforeunload để Phát hiện Sự kiện Đóng Trình duyệt hoặc Tab trong JavaScript
Sự kiện beforeunload cảnh báo người dùng. Hàm addEventListener[] lắng nghe sự kiện khi xảy ra
Trước khi dỡ các cửa sổ và tài nguyên của chúng, sự kiện beforeunload được kích hoạt
Mã HTML [______7]
Detect Browser or Tab Closing Event in JavaScript
Detect Browser or Tab Closing Event in JavaScript
The beforeunload event is fired just
before the closing the tab or browser
window or reloading the page.
In modern web browsers, you may have
to interate with the web
page to get the confirmation dialog.
Mã JavaScript [script.js]
window.addEventListener['beforeunload', function [e] {
e.preventDefault[];
e.returnValue = '';
}];
Ở đây, preventDefault[] được sử dụng để hiển thị cửa sổ bật lên để xác nhận thêm. Người dùng có hai lựa chọn ở đây, họ có thể điều hướng đến một trang khác hoặc hủy sự kiện và ở lại trang hiện tại
Sự kiện beforeunload phù hợp với các giao dịch hoặc thanh toán hóa đơn hoặc trong quá trình điền vào bất kỳ biểu mẫu trực tuyến nào có thể xảy ra mất dữ liệu. Bài viết này hướng dẫn các bạn áp dụng sự kiện beforeunload để kiểm tra việc đóng tab hoặc trình duyệt trong JavaScript
Làm cách nào để phát hiện một tab hoặc trình duyệt đang đóng trong JavaScript?
Sự kiện beforeunload được kích hoạt để phát hiện việc đóng tab hoặc trình duyệt. Nó tạo ra một cửa sổ bật lên hoặc thông báo cảnh báo theo nhu cầu của người dùng. Sự kiện này cũng được kích hoạt khi làm mới trang web. Sử dụng sự kiện này, người dùng sẽ tránh mất dữ liệu chưa lưu khi họ điều hướng nhầm khỏi tab hiện tại
Ví dụ
Một ví dụ được cung cấp bằng cách sử dụng sự kiện beforeunload trong JavaScript. Sự kiện chỉ được kích hoạt trước khi trang đóng tab hoặc trình duyệt web
Mã số
An example of detect browser or tab closing using JavaScript
A "beforeunload event" is utilized to detect browser or tab closing.
< . "form> biểu mẫu >
window.addEventListener['beforeunload' , function [e] {
e.preventDefault[] ;
e. returnValue = '' ;
}];
Mô tả mã như sau.
- Một trường đầu vào được thêm vào để tương tác với người dùng bằng cách viết một cái gì đó
- Sự kiện beforeunload được sử dụng để kiểm tra sự kiện đóng tab hoặc trình duyệt trong JavaScript
- AddEventListener[] được sử dụng để hủy sự kiện đóng tab hoặc trình duyệt web
Ghi chú. Một số trình duyệt không hỗ trợ sự kiện beforeunload mà không ghi một số thông tin vào trường văn bản trước
Màn hình trên minh họa cách sự kiện beforeunload phát hiện trình duyệt hoặc tab đang đóng trong JavaScript. Hơn nữa, sự kiện này cũng phát hiện tải lại trang
Phần kết luận
Sự kiện beforeunload của JavaScript có thể được sử dụng để phát hiện trình duyệt hoặc đóng tab. Sự kiện này tạo cửa sổ bật lên/cảnh báo bất cứ khi nào tab hoặc trình duyệt đang được đóng/làm mới. Bài viết này giải thích cách sử dụng và hoạt động của sự kiện beforeunload để phát hiện việc đóng tab hoặc trình duyệt. Các trình duyệt web mới nhất hỗ trợ sự kiện beforeunload để phát hiện việc đóng một tab hoặc trình duyệt cụ thể. Hầu hết việc sử dụng sự kiện beforeunload là trong các trang web giáo dục, thương mại điện tử, phương thức thanh toán để tránh mất dữ liệu