เหตุการณ์ onpagehide

เหตุการณ์ DOM PageTransitionEvent

การประกาศและการใช้งาน

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

มีหลายวิธีที่สามารถออกจากเว็บไซต์ได้ ตัวอย่างเช่น ด้วยการคลิกลิงก์ ทำการรีเฟรชเว็บไซต์ ยื่นฟอร์ม ปิดหน้าต่างบราวเซอร์ และอื่นๆ

บางครั้งจะใช้เหตุการณ์ onpagehide แทน เหตุการณ์ onunloadเพราะเหตุการณ์ onunload จะทำให้เว็บไซต์ไม่ถูกแซมพลิง

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

ตัวอย่าง

ปฏิบัติการ JavaScript ตอนผู้ใช้ออกจากเว็บไซต์：

<body onpagehide="myFunction()">

รูปแบบ

ใน HTML ดังนี้:

<element onpagehide="myScript">

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

ใน JavaScript ดังนี้:

object.onpagehide = function(){myScript};

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

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

object.addEventListener("pagehide", myScript);

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

หมายเหตุ：Internet Explorer 8 หรือตัวเวอร์ชั่นเก่ากว่านี้ไม่สนับสนุน วิธีการ addEventListener()。

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

การหลุดระดับขึ้น ไม่สนับสนุน
เปลี่ยนแปลงได้： ไม่สนับสนุน
ชนิดเหตุการณ์： PageTransitionEvent
HTML แท็กที่สนับสนุน： <body>
สำหรับ DOM รุ่น： เหตุการณ์ระดับ 3

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

ตัวเลขในตารางชี้ถึงเวอร์ชั่นบราวเซอร์ที่สนับสนุนเหตุการณ์นี้อย่างเต็มที่。

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

หมายเหตุ：เนื่องจากการตั้งค่าเบราวเซอร์ต่างกัน เหตุการณ์นี้อาจไม่เข้าใจเหมือนที่คาดการณ์ไว้

เหตุการณ์ DOM PageTransitionEvent