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

30 Aug

confirm exit

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

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

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

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

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

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

 

Leave a Reply

Your email address will not be published. Required fields are marked *