Maison  >  Article  >  interface Web  >  Comment fermer la fonction d'invite contextuelle du navigateur dans jquery

Comment fermer la fonction d'invite contextuelle du navigateur dans jquery

PHPz
PHPzoriginal
2023-04-10 09:48:371270parcourir

Lors de l'écriture d'une application Web, vous constaterez que vous devez créer un navigateur qui invite l'utilisateur s'il est sûr de quitter la page lorsque vous appuyez sur le bouton de fermeture, pour éviter de fermer accidentellement l'application et de perdre les données utilisateur. Dans cet article, nous allons vous montrer comment y parvenir en utilisant jQuery.

Tout d’abord, nous devons capturer l’événement de fermeture de la fenêtre. Pour ce faire, nous pouvons utiliser la méthode $(window).on('beforeunload', function(){...}); de jQuery. Cette méthode se déclenchera avant la fermeture de la fenêtre afin que vous puissiez effectuer les actions nécessaires et demander à l'utilisateur s'il souhaite fermer la fenêtre. $(window).on('beforeunload', function(){...}); 方法。此方法将在窗口关闭前触发,以便您可以执行必要的操作并询问用户是否要关闭窗口。

然后,我们可以使用 event.preventDefault()

Ensuite, nous pouvons utiliser la méthode event.preventDefault() pour empêcher le navigateur de fermer la fenêtre. Cela donnera aux utilisateurs la possibilité de reconsidérer leur décision et d'éviter de fermer accidentellement l'application.

Voici l'exemple de code :

$(window).on('beforeunload', function(e){
  var message = '您确定要离开吗?'; // 提示用户是否确定离开的消息
  e.preventDefault(); // 防止浏览器关闭窗口
  e.returnValue = message; // 设置返回的消息字符串
  return message; // 返回提示用户是否确定离开的消息
});
Veuillez noter qu'en raison des restrictions de sécurité du navigateur, la valeur par défaut de la chaîne de message renvoyée ne peut pas être modifiée. Ce code demandera à l'utilisateur s'il est sûr de partir et lui demandera de confirmer ou de désélectionner.

Vous pouvez également ajouter d'autres fonctionnalités dans ce code, comme enregistrer les données du formulaire sur le serveur, etc. De plus, il existe d'autres plugins jQuery similaires disponibles qui facilitent cela.

Lors de l'écriture d'applications Web, il est très important de garantir que les données saisies par l'utilisateur sont protégées et d'éviter la fermeture accidentelle de l'application. Utiliser jQuery pour y parvenir rendra votre application plus sécurisée et fiable. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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