Tombol kembali browser memicu javascript

Dalam JavaScript, peristiwa onbeforeunload diaktifkan saat halaman akan dibongkar dan ada beberapa alasan untuk pembongkaran ini. Misalnya, tombol mundur atau maju atau segarkan diklik atau tautan pada halaman diklik dan seterusnya. Biasanya, event onbeforeunload digunakan untuk menangani fungsionalitas tombol kembali browser sebagai berikut

  1.   
  2. fungsi HandleBackFunctionality()
  3. {
  4. {
  5. alert("Tombol kembali browser telah diklik di Internet Explorer. ");
  6. }
  7. {
  8. alert("Tombol kembali browser diklik pada browser lain. ");
  9. }
  10. }

Namun ada masalah bahwa kejadian serupa dapat terjadi setelah pengguna mengeklik tombol segarkan browser. Jadi, untuk mengetahui apakah tombol segarkan atau tombol kembali diklik, kita akan menggunakan kode berikut

  1. jika (jendela. peristiwa. clientX < 40 && jendela. peristiwa. klienY < 0)
  2. {
  3. lansiran("Tombol kembali browser telah diklik. ");
  4. }
  5. kalau tidak
  6. {
  7. lansiran("Tombol segarkan browser telah diklik. ");
  8. }

Cuplikan kode di atas berfungsi dengan baik di browser selain Firefox. Untuk FireFox kita perlu menerapkan pemeriksaan berikut

  1. jika (kejadian. Target saat ini. pertunjukan. navigasi. ketik == 1)
  2. {
  3. lansiran("Tombol segarkan browser telah diklik. ");
  4. }
  5. jika (kejadian. Target saat ini. pertunjukan. navigasi. ketik == 2)
  6. {
  7. lansiran("Tombol kembali browser telah diklik. ");
  8. }

Jadi, cuplikan kode terkonsolidasi akan terlihat seperti

  1. fungsi HandleBackFunctionality()
  2. {
  3. jika (jendela. peristiwa)
  4. {
  5. jika (jendela. peristiwa. clientX < 40 && jendela. peristiwa. klienY < 0)
  6. {
  7. lansiran("Tombol kembali browser telah diklik. ");
  8. }
  9. kalau tidak
  10. {
  11. lansiran("Tombol segarkan browser telah diklik. ");
  12. }
  13. }
  14. kalau tidak
  15. {
  16. jika (kejadian. Target saat ini. pertunjukan. navigasi. ketik == 1)
  17. {
  18. lansiran("Tombol segarkan browser telah diklik. ");
  19. }
  20. jika (kejadian. Target saat ini. pertunjukan. navigasi. ketik == 2)
  21. {
  22. lansiran("Tombol kembali browser telah diklik. ");
  23. }
  24. }
  25. }

Cuplikan kode di atas bermanfaat dalam banyak skenario, namun ada beberapa masalah dengannya. Misalnya, navigasi dapat dilakukan dengan menggunakan tombol keyboard dan penyegaran juga dapat dilakukan dengan menggunakan F5 atau CTRL+R yang tidak dapat ditangani dengan menggunakan kode di atas. Untuk menangani fungsionalitas tombol kembali, kita perlu menemukan solusi yang memerlukan upaya sisi server bersama dengan kode JavaScript sisi klien. Konsepnya adalah. Kami akan menyimpan URL halaman saat ini dalam variabel sesi (misalnya CurrentPageURL) di halaman. Saat dipindahkan ke halaman lain, kita akan mendapatkan nilai variabel tersebut dan menyimpannya di variabel sesi kedua (misalkan PreviousPageURL) dan memperbarui variabel sesi CurrentPageURL dengan URL halaman baru. ASP. Implementasi kode langsung .NET adalah sebagai berikut

  1. jika (Sesi["CurrentPageURL"]. = nol)
  2. {
  3. Sesi["PreviousPageURL"] = Sesi["CurrentPageURL"];
  4. }
  5. Sesi["CurrentPageURL"] = Permintaan. Url;

Di sisi klien, saat peristiwa onbeforeunload diaktifkan, kami akan memverifikasi apakah dokumen JavaScript. nilai pengarah sama dengan variabel sesi. Jika nilainya sama, dengan kata lain tombol kembali diklik, maka akan bertindak sesuai

  1. fungsi HandleBackFunctionality()
  2. {
  3.         var previousPageURL = "<%= Session["PreviousPageURL"] %>";  
  4. jika (dokumen. perujuk == sebelumnyaPageURL)
  5. {
  6. alert("Ini adalah klik tombol kembali. ");
  7. }
  8. }

Solusi ini berfungsi dengan baik terlepas dari jenis browsernya dan mudah diterapkan. Implementasi sisi server dalam bahasa lain juga mudah. Silakan berkomentar dan menyarankan ide yang lebih baik (jika ada). Blog. http. // www. bantuan pengembangan web. bersih/

Tombol kembali browser memicu javascript

Bagaimana cara memicu peristiwa tombol kembali browser?

Untuk mendeteksi kejadian tombol kembali browser, gunakan kejadian “onbeforeunload” . Itu terjadi ketika halaman sedang bersiap-siap untuk diturunkan. Panggil event ini di tag

Bagaimana cara mengaktifkan tombol kembali browser di JavaScript?

Biasanya, event onbeforeunload digunakan untuk menangani fungsionalitas tombol kembali browser sebagai berikut. .
fungsi HandleBackFungsionalitas()
jika (jendela. .
alert("Tombol kembali browser diklik di Internet Explorer. ");
lain //Browser lain misalnya Chrome

Bagaimana cara kembali ke URL sebelumnya di JavaScript?

Metode 1. Menggunakan sejarah. pergi() metode. Metode go() dari jendela. objek histori digunakan untuk memuat halaman dari histori sesi. Ini dapat digunakan untuk bergerak maju atau mundur menggunakan nilai parameter delta

Bagaimana cara menghentikan tombol kembali browser menggunakan JavaScript?

Nonaktifkan tombol kembali browser menggunakan JavaScript .
fungsi preventBack() { jendela. sejarah. maju();
setTimeout("preventBack()", 0);
jendela. onunload = fungsi () { null };
.