เหตุการณ์onpageshow
ตัวอย่าง
เรียกใช้ JavaScript เมื่อผู้ใช้นำทางไปยังหน้าเว็บ:
<body onpageshow="myFunction()">
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ onpageshow เกิดขึ้นเมื่อผู้ใช้นำทางไปยังหน้าเว็บ
เหตุการณ์ onpageshow คล้ายกับ เหตุการณ์ onloadเว้นแต่จะเกิดขึ้นหลังจากเหตุการณ์ onload เมื่อโหลดหน้าเว็บครั้งแรก นอกจากนี้ เหตุการณ์ onpageshow จะเกิดขึ้นทุกครั้งที่โหลดเพจ ในขณะที่เหตุการณ์ onload จะไม่เกิดขึ้นเมื่อโหลดเพจจากแคช
เมื่อต้องการค้นหาว่าหน้าถูกโหลดโดยตรงจากเซิร์ฟเวอร์หรือว่าหน้านั้นถูกแคช คุณสามารถใช้ คุณสมบัติ คงอยู่ของวัตถุ PageTransitionEvent คุณสมบัตินี้คืนค่า จริง หากหน้าเว็บถูกแคชโดยเบราว์เซอร์ และเป็นค่าเท็จ มิฉะนั้น (ดู "ตัวอย่างเพิ่มเติม" ด้านล่าง)
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
onpageshow | Yes | 11.0 | Yes | 5.0 | Yes |
ไวยากรณ์
ใน HTML:
<element onpageshow="myScript">
ในจาวาสคริปต์:
object.onpageshow = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("pageshow", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ไม่ |
---|---|
ยกเลิกได้: | ไม่ |
ประเภทเหตุการณ์: | PageTransitionEvent |
แท็ก HTML ที่รองรับ: | <body> |
รุ่น DOM: | กิจกรรมระดับ 3 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ค้นหาว่าหน้านั้นถูกแคชโดยเบราว์เซอร์หรือไม่:
function myFunction(event) {
alert(event.persisted);
}