Maison interface Web js tutoriel js 实现在离开页面时提醒未保存的信息(减少用户重复操作)_javascript技巧

js 实现在离开页面时提醒未保存的信息(减少用户重复操作)_javascript技巧

May 16, 2016 pm 05:43 PM
rappeler

Javascript代码
复制代码 代码如下:

//在离开页面时判断是否有未保存的输入值
var hasSaved = false;//是否有输入的内容未保存标志,初始值为false
function CheckUnsave(){
if(hasSaved==false){
alert("您上传的东西尚未保存,请保存后再离开页面");
return false;}
//return true; //不能加这个语句
}

//保存了则改变状态
function ChangeState()
{
hasSaved = true;
}


在body中加入属性onbeforeunload
Html代码
复制代码 代码如下:



要在提交action之前调用ChangeState.
如果按下某个按钮后离开页面则不再提醒,比如保存的按钮,则要在保存的按钮按下以后,要修改下是否保存的标志符的状态eg:
Html代码
复制代码 代码如下:


Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment implémenter des fonctions de calendrier et des rappels d'événements dans les projets PHP ? Comment implémenter des fonctions de calendrier et des rappels d'événements dans les projets PHP ? Nov 02, 2023 pm 12:48 PM

Comment implémenter des fonctions de calendrier et des rappels d'événements dans les projets PHP ?

Tutoriel complet d'implémentation de la fonction de rappel de diffusion PHP Tutoriel complet d'implémentation de la fonction de rappel de diffusion PHP Mar 01, 2024 am 10:30 AM

Tutoriel complet d'implémentation de la fonction de rappel de diffusion PHP

Analyse des méthodes d'accès aux rappels Win10 Analyse des méthodes d'accès aux rappels Win10 Jan 08, 2024 pm 01:45 PM

Analyse des méthodes d'accès aux rappels Win10

Comment obtenir un suivi et des rappels importants de médicaments sur iOS 17 Comment obtenir un suivi et des rappels importants de médicaments sur iOS 17 Sep 18, 2023 am 09:13 AM

Comment obtenir un suivi et des rappels importants de médicaments sur iOS 17

Comment résoudre le problème du rappel continu de Win10 Focus Assistant Comment résoudre le problème du rappel continu de Win10 Focus Assistant Jan 01, 2024 pm 05:37 PM

Comment résoudre le problème du rappel continu de Win10 Focus Assistant

Comment configurer des rappels de suivi pour les médicaments sur votre iPhone Comment configurer des rappels de suivi pour les médicaments sur votre iPhone Nov 29, 2023 am 08:18 AM

Comment configurer des rappels de suivi pour les médicaments sur votre iPhone

Java développe des modules de notification et de rappel dans les systèmes d'examen en ligne Java développe des modules de notification et de rappel dans les systèmes d'examen en ligne Sep 25, 2023 am 08:58 AM

Java développe des modules de notification et de rappel dans les systèmes d'examen en ligne

Créer une liste de courses triée automatiquement : guide pratique dans l'application Rappels iOS 17 Créer une liste de courses triée automatiquement : guide pratique dans l'application Rappels iOS 17 Sep 22, 2023 am 09:17 AM

Créer une liste de courses triée automatiquement : guide pratique dans l'application Rappels iOS 17

See all articles