Comment déterminer s'il faut fermer la fenêtre dans jquery

Dans certains sites Web, nous devons parfois effectuer certaines opérations lors de la fermeture de la page Web, comme rappeler à l'utilisateur de sauvegarder des données, ou enregistrer certaines opérations de l'utilisateur sur la page Web, etc. Ces opérations doivent être automatiquement déclenchées lorsque l'utilisateur ferme la page Web, et jquery propose plusieurs méthodes pour déterminer l'événement de fermeture de la fenêtre.

1. événement beforeunload

l'événement beforeunload est un événement déclenché lorsqu'une fenêtre, un document ou un cadre est déchargé ou fermé. Cet événement sera déclenché avant la désinstallation ou l'arrêt réel. Une boîte de dialogue peut apparaître dans cet événement pour inviter l'utilisateur à enregistrer des données ou d'autres opérations.

Le code est le suivant :

$(window).on('beforeunload', function() {
   return 'Are you sure you want to leave?';
});

Dans ce code, l'événement beforeunload est lié à l'objet window. Lorsque l'utilisateur ferme ou quitte la page, une boîte de dialogue apparaîtra lui demandant s'il est sûr de vouloir quitter. L'utilisateur peut choisir de rester ou de fermer la fenêtre.

2. Événement de déchargement

L'événement de déchargement est un événement déclenché lorsqu'une fenêtre, un document ou un cadre est déchargé ou fermé. Cet événement sera déclenché après le déchargement ou la fermeture de la page Web. Certaines opérations de l'utilisateur sur la page Web peuvent être enregistrées dans cet événement.

Le code est le suivant :

$(window).on('unload', function() {
   // 记录用户离开时间
   var leaveTime = new Date();
   localStorage.setItem('leaveTime', leaveTime.getTime());
});

Dans ce code, l'événement unload est lié à l'objet window. Lorsque l'utilisateur ferme ou quitte la page, l'heure à laquelle l'utilisateur a quitté la page sera enregistrée et sauvegardée dans localStorage.

3. Vous pouvez utiliser les événements beforeunload et unload en même temps

Le code est le suivant :

$(window).on('beforeunload', function() {
   // 提醒用户保存数据
   return 'Are you sure you want to leave?';
});
$(window).on('unload', function() {
   // 记录用户离开时间
   var leaveTime = new Date();
   localStorage.setItem('leaveTime', leaveTime.getTime());
});

Dans ce code, les événements beforeunload et unload sont liés en même temps. Lorsque l'utilisateur ferme ou quitte la page, une boîte de dialogue apparaîtra lui demandant s'il est sûr de vouloir quitter. L'utilisateur peut choisir de rester ou de fermer la fenêtre, puis l'heure à laquelle l'utilisateur quitte la page sera enregistrée et sauvegardée dans localStorage.

Résumé

Lorsque vous devez effectuer certaines opérations dans une page Web lorsque l'utilisateur ferme ou quitte la page, vous pouvez utiliser les événements beforeunload et unload. Parmi eux, l'événement beforeunload est déclenché avant la fermeture réelle de la page Web, et une boîte de dialogue peut apparaître dans cet événement ; l'événement unload est déclenché après la fermeture de la page Web et les opérations de l'utilisateur peuvent être enregistrées dans cet événement. Dans le même temps, ces deux événements peuvent être utilisés simultanément pour réaliser plusieurs opérations.

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!