เหตุการณ์ onpopstate: รันสคริปตเมื่อประวัติหน้าต่างเปลี่ยนแปลง

เหตุการณ์ onpopstate จะถูกกระตุ้นเมื่อประวัติการเดินทางของหน้าต่าง (session history) เปลี่ยนแปลง เช่น เมื่อผู้ใช้กดปุ่ม "ย้อนกลับ" หรือ "ไปข้างหน้า" ในเบราว์เซอร์ หรือเมื่อเรียกใช้ history.back(), history.forward(), หรือ history.go()

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body onpopstate="onpopstateFunction()">
    <p>นี่คือข้อความตัวอย่าง</p>
</body>
</html>

ข้อมูลเพิ่มเติม

เหตุการณ์นี้มีประโยชน์สำหรับ Single Page Applications (SPA) ที่จัดการการนำทางด้วย JavaScript โดยใช้ History API คุณสามารถเข้าถึงอ็อบเจกต์ event.state เพื่อดึงข้อมูล state ที่เกี่ยวข้องกับรายการประวัติที่เปลี่ยนแปลง