communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > js 实现在离开页面时提醒未保存的信息(减少用户重复操作)_javascript技巧

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

WBOY
Libérer： 2016-05-16 17:43:34
original
1407 Les gens l'ont consulté
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代码
复制代码 代码如下:


Étiquettes associées：
rappeler
source：php.cn
Article précédent：JavaScript如何控制Session操作？方法介绍 Article suivant：script的async属性以非阻塞的模式加载脚本_javascript技巧
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
Derniers articles par auteur
Derniers numéros
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Même après l'effacement, la valeur de mon entrée de fichier reste Comme vous pouvez le voir sur la capture d'écran. Je sélectionne un fichier, conserve la f...
Depuis 2024-04-06 15:44:52
0
1
384
Le commutateur Bootstrap ne fonctionne pas correctement lorsque la page Web est redimensionnée Description :<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"c...
Depuis 2024-04-05 08:45:39
0
1
3443
Opacité inférieure de l'image d'arrière-plan de défilement, limite l'opacité minimale J'essaie d'obtenir que l'image d'arrière-plan réduise l'opacité lors du défilement et une ...
Depuis 2024-04-04 23:50:53
0
1
1329
return(); ne fonctionne pas pour 1 itinéraire mais fonctionne pour presque le même itinéraire J'ai 2 routes, une pour la désinscription et une pour la restauration, les deux routes son...
Depuis 2024-04-04 17:34:09
0
1
311
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal