Rumah > hujung hadapan web > tutorial js > kaedah js untuk melaksanakan menggesa pengguna sama ada untuk meninggalkan halaman ini sebelum meninggalkan halaman (termasuk acara butang penyemak imbas)_kemahiran javascript

kaedah js untuk melaksanakan menggesa pengguna sama ada untuk meninggalkan halaman ini sebelum meninggalkan halaman (termasuk acara butang penyemak imbas)_kemahiran javascript

WBOY
Lepaskan: 2016-05-16 15:49:44
asal
1240 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah menggunakan js untuk menggesa pengguna sama ada untuk meninggalkan halaman sebelum meninggalkan halaman (termasuk acara butang penyemak imbas). Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Sebelum pengguna meninggalkan halaman, gesa sama ada untuk meninggalkan halaman ini (termasuk acara butang penyemak imbas)

<script type="text/javascript">
window.onbeforeunload = function(){
return "您的文章尚未保存!";
}
</script>

Salin selepas log masuk

Jika kotak dialog perlu muncul apabila keluar dari halaman, menggesa pengguna untuk keluar dari halaman, sama seperti menetapkan fungsi tertentu tanpa menyimpan halaman. Kaedah pelaksanaannya agak mudah. ​​Cara yang paling biasa adalah menggunakan acara bongkar muat. Walau bagaimanapun, pelaksanaan ini mempunyai kelemahan Tidak kira sama ada anda bersetuju atau tidak, hasilnya tetap sama dan halaman akan keluar kotak dialog adalah untuk muncul, pengguna mempunyai ruang pilihan, keluar jika disahkan, jika tidak halaman tidak akan ditutup

Adalah disyorkan untuk menggunakan acara onbeforeunload(), yang bermaksud kaedah dilaksanakan sebelum memuatkan acara nyah muatan Gunakan yang berikut:

<script type="text/javascript">
   window.onbeforeunload = function(){
   return "必您确定要退出页面吗?";
   }
</script>

Salin selepas log masuk

Kotak dialog akan muncul, dan hanya pengesahan akan keluar dari halaman.

window.onbeforeunload boleh digabungkan dengan jQuery untuk mencapai kesan segera apabila pengguna menetapkan halaman tetapi belum menyimpannya, iaitu jika ia telah disimpan, kotak dialog tidak boleh digesa kaedah, apabila ia tidak diperlukan

Kotak dialog segera:

<script type="text/javascript">
  window.onbeforeunload = function(){
    return;
  }
</script>

Salin selepas log masuk

Ini akan keluar terus dari halaman tanpa sebarang kotak dialog muncul.

Menggabungkan jQuery untuk melaksanakan kotak dialog pop timbul halaman keluar Javascript adalah untuk menggabungkan dua kaedah di atas Apabila halaman memenuhi situasi tertentu, jika kotak dialog perlu muncul, jika tidak, kotak dialog tidak akan muncul. Ini sangat mudah jQuery mempunyai kaedah unload sendiri, tetapi ia juga tidak boleh kembali, iaitu untuk keluar dari halaman, digabungkan dengan window.onbeforeunload, ia akan dapat direalisasikan fungsi untuk keluar dari halaman dan muncul kotak dialog.

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan