Sự kiện onpagehide

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

Sự kiện onpagehide xảy ra khi người dùng rời khỏi trang web.

Có nhiều cách để rời khỏi trang web. Ví dụ. Bằng cách nhấp vào liên kết, làm mới trang, gửi biểu mẫu, đóng cửa sổ trình duyệt, v.v.

Đôi khi sẽ sử dụng sự kiện onpagehide thay thế Sự kiện onunload, vì sự kiện onunload sẽ gây ra trang web không được bộ nhớ cache.

Để xác định trang web được tải trực tiếp từ máy chủ hay từ bộ nhớ cache, bạn có thể sử dụng đối tượng PageTransitionEvent: Thuộc tính persisted. Nếu trang web được bộ nhớ cache của trình duyệt, thuộc tính này sẽ trả về true, ngược lại trả về false (xin xem thêm các mẫu dưới đây).

Mẫu

Chạy JavaScript khi người dùng rời khỏi trang web:

<body onpagehide="myFunction()">

Cú pháp

Trong HTML:

<element onpagehide="myScript">

Thử ngay

Trong JavaScript:

object.onpagehide = function(){myScript};

Thử ngay

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

object.addEventListener("pagehide", myScript);

Thử ngay

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

Chi tiết kỹ thuật

Bùng nổ: Không hỗ trợ
Có thể hủy: Không hỗ trợ
Loại sự kiện: Sự kiện PageTransitionEvent
Thẻ HTML được hỗ trợ: <body>
Phiên bản DOM: Sự kiện cấp 3

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ợ hoàn toàn sự kiện này.

Sự kiện Chrome IE Firefox Safari Opera
onpagehide Hỗ trợ 11.0 Hỗ trợ 5.0 Hỗ trợ

Ghi chú:Do các thiết lập trình duyệt khác nhau, sự kiện này có thể không luôn hoạt động như mong đợi.