js pour implémenter une invitation à l'utilisateur à quitter cette page avant de quitter la page (y compris les événements des boutons du navigateur)_compétences javascript

L'exemple de cet article décrit la méthode d'utilisation de js pour demander à l'utilisateur s'il doit quitter la page avant de quitter la page (y compris les événements des boutons du navigateur). Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Avant que l'utilisateur ne quitte la page, demandez s'il doit quitter cette page (y compris les événements des boutons du navigateur)

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

Si une boîte de dialogue doit apparaître lors de la sortie de la page, invitant l'utilisateur à quitter la page, comme si vous définissiez une certaine fonction sans enregistrer la page. La méthode d'implémentation est relativement simple. La plus courante consiste à utiliser l'événement unload. Cependant, cette implémentation présente un inconvénient. Que vous soyez d'accord ou non, le résultat est toujours le même et la page se fermera donc. La boîte de dialogue doit apparaître, l'utilisateur a le choix, quitter si confirmé, sinon la page ne sera pas fermée

.

Il est recommandé d'utiliser l'événement onbeforeunload(), ce qui signifie que la méthode est exécutée avant de charger l'événement unload. Utilisez ce qui suit :

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

Une boîte de dialogue apparaîtra et seule la confirmation quittera la page.

window.onbeforeunload peut être combiné avec jQuery pour obtenir un effet d'invite lorsque l'utilisateur définit la page mais ne l'a pas enregistrée. Autrement dit, si elle a été enregistrée, la boîte de dialogue ne doit pas être invitée. Vous pouvez utiliser ce qui suit. méthode, quand ce n'est pas nécessaire

Boîte de dialogue d'invite :

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

Cela quittera la page directement sans qu'aucune boîte de dialogue n'apparaisse.

Combiner jQuery pour implémenter la boîte de dialogue contextuelle de la page de sortie Javascript consiste à combiner les deux méthodes ci-dessus. Lorsque la page répond à une certaine situation, si une boîte de dialogue doit apparaître, elle apparaîtra sinon. ne s'affichera pas. C'est très pratique. jQuery a sa propre méthode de déchargement, mais il ne peut pas non plus revenir. Il n'y a qu'un seul résultat, qui est de quitter la page. Par conséquent, en combinaison avec window.onbeforeunload, il sera possible de réaliser. la fonction de quitter la page et d'afficher une boîte de dialogue.

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.