PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


เทคนิค ใช้ event beforeunload แจ้งเตือนก่อน ปิดบราวเซอร์ ด้วย jQuery

16 August 2010 By Ninenik Narkdee
jquery แจ้งเตือน event

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery แจ้งเตือน event



ตัวอย่างโค้ดด้านล่าง เป็นการประยุกต์ใช้ event ชื่อ beforeunload สำหรับการแจ้งเตือนการปิด บราวเซอร์ โดยเมื่อทำการยืนยันการปิดบราวเซอร์ แล้วให้สามารถไปทำงานในส่วน เรียกใช้ ajax หรือฟังก์ชันที่ต้องการก่อนปิด ได้ (ทดสอบกับ IE Firefox Chrome เวอร์ล่าสุดใช้งานได้)

 

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
	$(window).bind("beforeunload",function(event){
		var msg="ยืนยันการปิดหน้านี้?";
		$(window).bind("unload",function(event){
			event.stopImmediatePropagation();
			// แทรก ajax code ลบ session หรืออื่น ๆ
			alert("Bye Bye");
		});
		return msg;
	});
	$("a").click(function(){ // กรณีคลิกลิ้งค์ ไม่ต้องแสดง การแจ้งเตือน
		$(window).unbind("beforeunload");
	});
});
</script>

ตัวอย่าง

ทดสอบด้วยการปิดหน้าเว็บเพจนี้

 



อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ





Tags:: jquery แจ้งเตือน event







URL สำหรับอ้างอิง