PageTransitionEvent trong HTML DOM là một sự kiện xảy ra khi người dùng điều hướng giữa các trang web.
Thuộc tính của đối tượng PageTransitionEvent
| Thuộc tính | Mô tả |
|---|---|
| persisted | Trả về true hoặc false tùy thuộc vào việc trang web có được cache (bộ nhớ đệm) hay không. |
Các loại sự kiện thuộc PageTransitionEvent
| Sự kiện | Mô tả |
|---|---|
| pagehide | Xảy ra khi người dùng rời khỏi một trang web. |
| pageshow | Xảy ra khi người dùng điều hướng đến một trang web. |
Ví dụ
Ví dụ sử dụng đối tượng PageTransitionEvent:
<!DOCTYPE html>
<html>
<head>
<style>
body { text-align: center; color: #fff; background: #ff7f5094; height: 100%; }
.btn { background: #0197F6; border: none; height: 2rem; border-radius: 2px; width: 35%; margin: 2rem auto; display: block; color: #fff; outline: none; cursor: pointer; }
</style>
</head>
<body>
<h1>Demo sự kiện PageTransitionEvent DOM</h1>
<button onclick="checkPage(event)" class="btn">Nhấn vào tôi</button>
<script>
function checkPage(event) {
if (event.persisted) {
confirm("Trang đã được cache bởi trình duyệt");
} else {
confirm("Trang chưa được cache bởi trình duyệt");
}
}
</script>
</body>
</html>
Kết quả
Nhấn nút Nhấn vào tôi để biết trang có được cache bởi trình duyệt hay không.