Maison > interface Web > js tutoriel > Qu'y a-t-il avant le déchargement ? Comment utiliser ?

Qu'y a-t-il avant le déchargement ? Comment utiliser ?

不言
Libérer: 2018-10-26 15:41:53
avant
3217 Les gens l'ont consulté

Cet article vous apporte ce qui se passe avant le déchargement ? Comment utiliser ? Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

1. Qu'est-ce que onbeforeunload ?

  • onbeforeunload est un événement qui sera déclenché lorsque la page est sur le point d'être déchargée (mise à jour).

  • Désinstallation (mise à jour) fait référence à l'événement de déchargement, qui sera déclenché à la fermeture de la page.

2. Règles de grammaire

window.onbeforeunload = funcRef
Copier après la connexion

funcRef fait référence à une méthode, qui est une référence de fonction.

3. Comment utiliser cette chose

3.1 En HTML, montez-la directement sur le corps

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body onbeforeunload="return test()">
     
</body>
<script type="text/javascript">
    function test(){
        return "你确定要离开吗";
    }
</script>
</html>
Copier après la connexion

3.2 En js, utilisez la méthode de liaison window.onbeforeunload

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
     
</body>
<script type="text/javascript">
window.onbeforeunload=function(){
    return "你确定要离开吗";
}
 
</script>
</html>
Copier après la connexion

3.3 Utilisation dans une seule page :

Généralement, l'utilisation de window ou de body directement dans un projet entraînera l'interception des événements d'actualisation et de fermeture de la page entière du projet.
L'idée générale de l'utilisation de cette interception dans une certaine page est de monter l'événement lors de l'entrée dans la page et d'annuler l'événement monté lors du passage à la page.
Par exemple en réaction :

componentDidMount() {
    window.onbeforeunload = function()
    {
      return "真的离开?";
    };
  }
componentWillUnmount(){
    window.onbeforeunload = function()
    {
      return null;
    }
  }
Copier après la connexion


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!

Étiquettes associées:
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 numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal