อยากให้ยืนยันก่อนออกจากเว็บเหมือน Facebook

confirm exit

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

คำสั่งที่จะใช้ในการทำ Event นี้เค้าเรียกว่า BeforeUnLoad คือก่อนปิดหน้านั่นเองครับ ซึ่งเราสามารถคำนวณหรือเช็คเงื่อนไขก่อนให้เกิด Event นี้ได้เหมือนกันครับ

สำหรับ Javascript เพียวๆเราสามารถใช้คำสั่งนี้ได้เลยครับ (สำหรับ ค่าที่ Return ออกไปเราสามารถปรับแต่งตามใจชอบได้เลยครับ)

window.onbeforeunload = function(e) { return 'Dialog text here.'; };

สำหรับใครที่ใช้ jQuery ให้ใช้คำสั่งนี้นะครับ

$(window).on('beforeunload', function() { return 'Confirm Exit'; }

 

Moshikub

สวัสดีครับ ผมชื่อโมชิ เป็น Web Developer มาแล้ว 4 ปีตอนนี้เป็น Programmer ที่ Dek-d.com รับงาน Freelance มีไรคุยกันได้ที่ Facebook ครับ