หน้าเหตุการณ์ onpageshow

เหตุการณ์ DOM PageTransitionEvent

คำอธิบายและวิธีใช้

หน้าเหตุการณ์ onpageshow จะเกิดขึ้นเมื่อผู้ใช้เลื่อนที่หน้าเว็บ.

หน้าเหตุการณ์ onpageshow และ เหตุการณ์ onloadเช่นเดียวกัน แต่ต่างออกไปที่มันเกิดขึ้นหลังจากเหตุการณ์ onload ของการโหลดหน้าเว็บครั้งแรก. นอกจากนี้ หน้าเหตุการณ์ onpageshow จะเกิดขึ้นทุกครั้งที่หน้าเว็บถูกโหลด แต่หน้าเว็บที่โหลดจากคลังความจำของแม่บราวเซอร์จะไม่มีเหตุการณ์ onload.

เพื่อตรวจสอบว่าหน้าเว็บถูกโหลดโดยตรงจากเซิร์ฟเวอร์หรือจากคลังความจำของแม่บราวเซอร์ คุณสามารถใช้ตัวแปร PageTransitionEvent ตัวแปร persisted. ถ้าหน้าเว็บถูกแม่บราวเซอร์จัดเก็บ ทางนี้จะกลับค่า true และถ้าไม่ถูกจัดเก็บกลับค่า false (ดูตัวอย่างด้านล่างเพิ่มเติม).

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติการ JavaScript เมื่อผู้ใช้เลื่อนที่หน้าเว็บ:

<body onpageshow="myFunction()">

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ตรวจสอบว่าหน้าเว็บได้ถูกแม่บราวเซอร์จัดเก็บหรือไม่:

function myFunction(event) { 
  alert(event.persisted);
}

ทดลองด้วยตัวเอง

รูปแบบ

ใน HTML:

<element onpageshow="myScript">

ทดลองด้วยตัวเอง

ใน JavaScript:

object.onpageshow = function(){myScript};

ทดลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener():

object.addEventListener("pageshow", myScript);

ทดลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือตัวรุ่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener().

รายละเอียดเทคนิค

การกระจาย: ไม่สนับสนุน
ยกเลิกได้: ไม่สนับสนุน
ประเภทเหตุการณ์: PageTransitionEvent
ตารางสนับสนุน HTML แท็ก: <body>
DOM รุ่น: Level 3 Events

การสนับสนุนบราวเซอร์

ตารางจะบอกเลขว่าเวอร์ชันบราวเซอร์แรกที่สนับสนุนเหตุการณ์นี้อย่างเต็มที่

เหตุการณ์ Chrome IE Firefox Safari Opera
onpageshow การสนับสนุน 11.0 การสนับสนุน 5.0 การสนับสนุน
เหตุการณ์ DOM PageTransitionEvent