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