เหตุการณ์ onbeforeunload ถูกใช้ในลักษณะนี้:
คัดลอกรหัสรหัสดังต่อไปนี้:
<ภาษาสคริปต์ = "จาวาสคริปต์">
g_blnCheckUnload = จริง;
ฟังก์ชั่น RunOnBeforeUnload() {
ถ้า (g_blnCheckUnload) {
window.event.returnValue = 'คุณจะสูญเสียเนื้อหาที่ไม่ได้บันทึกใดๆ';
-
-
</สคริปต์>
<body onbeforeunload="RunOnBeforeUnload()">
</ร่างกาย>
ด้วยวิธีนี้ ทุกครั้งที่หน้าต่างเบราว์เซอร์ปิดหรือเปิดเพจใหม่ จะต้องทริกเกอร์เหตุการณ์ก่อนยกเลิกการโหลด
ข้อความที่ตัดตอนมามีดังนี้: เหตุการณ์ onbeforeunload:
หมายเหตุ: Firefox และ IE เป็นหนึ่งในสามเบราว์เซอร์หลักที่รองรับเหตุการณ์ onbeforeunload แต่ Opera ยังไม่รองรับ
การใช้งาน:
object.onbeforeunload = ตัวจัดการ
<องค์ประกอบเมื่อก่อนยกเลิกการโหลด = “ตัวจัดการ” … ></องค์ประกอบ>
คำอธิบาย: เมื่อเหตุการณ์เกิดขึ้น กล่องโต้ตอบพร้อมการยืนยันและการยกเลิกจะปรากฏขึ้น หากคุณยืนยัน คุณจะออกจากหน้านั้น หากคุณยกเลิก คุณจะยังคงอยู่ในหน้านี้ต่อไป ตัวจัดการสามารถตั้งค่าที่ส่งคืนเป็นข้อความที่แสดงของกล่องโต้ตอบ
กระตุ้นโดย:
ปิดหน้าต่างเบราว์เซอร์
เมื่อไปที่หน้าอื่นผ่านแถบที่อยู่หรือรายการโปรด
เมื่อคลิกย้อนกลับ ส่งต่อ รีเฟรช หรือหน้าแรก
เมื่อคลิกลิงค์ url ที่ไปหน้าอื่น
เมื่อมีการเรียกเหตุการณ์ใดๆ ต่อไปนี้: คลิก, เขียนเอกสาร, เปิดเอกสาร, ปิดเอกสาร, ปิดหน้าต่าง, นำทางหน้าต่าง, หน้าต่าง NavigateAndFind, แทนที่ตำแหน่ง, โหลดตำแหน่งใหม่, ส่งแบบฟอร์ม
เมื่อใช้ window open เพื่อเปิดเพจและส่งชื่อหน้าต่างในเพจนี้ไปยังเพจที่จะเปิด
เมื่อกำหนดค่าของ location.href ใหม่
เมื่อส่งแบบฟอร์มพร้อมการดำเนินการที่ระบุผ่านปุ่ม input type="submit"
สามารถใช้กับองค์ประกอบต่อไปนี้: BODY, FRAMESET, window
รองรับแพลตฟอร์ม: IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+