DOM PageTransitionEvent एक ऐसी घटना है जो तब होती है जब कोई उपयोगकर्ता वेबपृष्ठों के बीच नेविगेट करता है।
PageTransitionEvent ऑब्जेक्ट की प्रॉपर्टी
| संपत्ति <वें शैली ="चौड़ाई:86.0544%; पाठ-संरेखण:केंद्र;">स्पष्टीकरण | |
|---|---|
| जारी रहे | यह इस पर निर्भर करता है कि वेबपेज कैश किया गया था या नहीं, यह सही या गलत मान देता है। |
इवेंट के प्रकार PageTransitionEvent ऑब्जेक्ट से संबंधित हैं
| ईवेंट <वें शैली ="चौड़ाई:86.3265%; पाठ-संरेखण:केंद्र;">स्पष्टीकरण | |
|---|---|
| पेजहाइड | यह तब होता है जब उपयोगकर्ता किसी वेबपेज से दूर जाता है। |
| पेजशो | यह तब होता है जब उपयोगकर्ता किसी वेबपेज पर नेविगेट करता है। |
उदाहरण
आइए हम 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>DOM PageTransitionEvent Event Demo</h1>
<button onclick="checkPage(event)" class="btn">Click me</button>
<script>
function checkPage(event) {
if (event.persisted) {
confirm("Page was cached by the browser");
} else {
confirm("Page was not cached by the browser");
}
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
“मुझे क्लिक करें . पर क्लिक करें यह जानने के लिए बटन दबाएं कि पेज ब्राउज़र द्वारा कैश किया गया था या नहीं।
