Skip to content

May 7, 2009

Cara menangkap saat browser ditutup atau keluar halaman dengan javascript.

Seringkali kita perlu melakukan sesuatu untuk menghapus session ketika user menekan tombol close di browser, karenanya kita perlu memanggil event close di browser.

Ayo kita lihat gimana cara melakukannya dengan Javascript. Di Javascript, kita punya beberapa event khusus seperti onbeforeunload dan onunload. Event – event itu seperti namanya, berjalan ketika halaman akan ditutup (unload). Hal ini terjadi jika user menutup browser atau pindah ke halaman lain.

Kita bisa menggunakan event ini untuk memanggil fungsi javascript lainnya. Pertama, daftarkan event di tag body.

view plaincopy to clipboardprint?
  1. <script language=“javascript”>
  2. function fnUnloadHandler() {
  3. // Add your code here
  4. alert(“Unload event.. Do something to invalidate users session..”);
  5. }
  6. </script>
  7. <body onbeforeunload=“fnUnloadHandler()”>
  8. <!– Your page content –>
  9. </body>
view plaincopy to clipboardprint?
  1. <script language=“javascript”>
  2. function fnUnloadHandler() {
  3. // Add your code here
  4. alert(“Unload event.. Do something to invalidate users session..”);
  5. }
  6. </script>
  7. <body onbeforeunload=“fnUnloadHandler()”>
  8. <!– Your page content –>
  9. </body>

Kode diatas kita mendaftarkan event onbeforeunload di tag body. Kita juga bisa mendaftarkan event dengan menggunakan window.eventname.

view plaincopy to clipboardprint?
  1. window.onbeforeunload = function() {
  2. // Add your code here
  3. alert(“Unload event.. Do something to invalidate users session..”);
  4. }
view plaincopy to clipboardprint?
  1. window.onbeforeunload = function() {
  2. // Add your code here
  3. alert(“Unload event.. Do something to invalidate users session..”);
  4. }
Read more from Programming