javascript annuler la boîte de dialogue

王林
Libérer: 2023-05-12 09:36:36
original
1252 Les gens l'ont consulté

JavaScript est un langage de programmation frontal couramment utilisé pour la conception et l'interaction Web. Dans les pages Web, les fenêtres contextuelles constituent un moyen d'interaction très courant, qui peut inciter les utilisateurs à effectuer certaines opérations ou à afficher certaines informations. Parfois, nous devrons peut-être annuler la boîte contextuelle. Cet article explique comment utiliser JavaScript pour annuler la boîte contextuelle.

  1. Utilisez la boîte de confirmation

En JavaScript, il existe une fonction intégrée confirm(), qui peut faire apparaître une boîte de confirmation pour inviter l'utilisateur à confirmer ou à annuler une certaine opération. L'utilisation de cette fonction est la suivante :

confirm("确定要取消吗?");
Copier après la connexion

Cette fonction renverra une valeur booléenne vraie ou fausse, indiquant si l'utilisateur a cliqué sur Confirmer ou Annuler.

Si nous voulons annuler la boîte contextuelle d'origine lorsque l'utilisateur clique sur Annuler, nous pouvons utiliser cette fonction. Supposons que notre boîte contextuelle d'origine soit écrite comme ceci :

alert("这是一个弹框");
Copier après la connexion

Nous souhaitons maintenant annuler cette boîte contextuelle lorsque l'utilisateur clique sur Annuler. Le code est le suivant :

if(confirm("确定要取消吗?")) {
  alert("这是一个弹框");
}
Copier après la connexion
#🎜. 🎜# utilisé ici Instruction If, lorsque la valeur de retour de confirm() est vraie, la fonction alert() sera exécutée, sinon elle ne sera pas exécutée.

    Utiliser la minuterie
En JavaScript, vous pouvez utiliser une minuterie pour annuler la boîte de dialogue contextuelle. Supposons que nous ayons affiché une boîte contextuelle :

var myAlert = alert("这是一个弹框");
Copier après la connexion
Copier après la connexion

Nous pouvons utiliser la fonction setTimeout() pour définir une minuterie, puis annuler la boîte contextuelle dans la fonction de rappel exécutée par la minuterie. Le code est le suivant :

var myAlert = alert("这是一个弹框");
var myTimer = setTimeout(function() {
  myAlert.close();
}, 5000);
Copier après la connexion

Dans cet exemple, nous définissons une minuterie de 5 secondes. Lorsque la minuterie se déclenche, la fonction de rappel sera exécutée. La méthode close() est appelée dans cette fonction de rappel pour fermer la boîte contextuelle.

Il convient de noter que la manière de fermer la fenêtre contextuelle peut varier d'un navigateur à l'autre. Dans certains navigateurs, vous pouvez utiliser la méthode close(), tandis que dans certains navigateurs, vous devez le faire. utilisez la méthode window.close().

    Utiliser des écouteurs d'événements
En JavaScript, vous pouvez utiliser des écouteurs d'événements pour annuler la boîte de dialogue contextuelle. Supposons que nous ayons déjà affiché une boîte contextuelle :

var myAlert = alert("这是一个弹框");
Copier après la connexion
Copier après la connexion

Nous pouvons ajouter un écouteur d'événement de clic à la fenêtre actuelle, puis annuler la boîte contextuelle dans la fonction de rappel. Le code est le suivant :

var myAlert = alert("这是一个弹框");
window.addEventListener("click", function() {
  myAlert.close();
});
Copier après la connexion
Dans cet exemple, nous ajoutons un écouteur d'événement de clic à la fenêtre Lorsque l'utilisateur clique n'importe où, la fonction de rappel sera déclenchée. La méthode close() est appelée dans cette fonction de rappel pour fermer la boîte contextuelle.

Il convient de noter que lors de l'utilisation d'écouteurs d'événements, nous devons confirmer que la boîte de dialogue contextuelle est apparue et ajouter un écouteur à la fenêtre actuelle, sinon des erreurs logiques pourraient survenir.

Pour résumer, JavaScript propose diverses façons d'annuler les boîtes contextuelles, et les développeurs peuvent choisir la méthode appropriée en fonction de leurs besoins. De plus, lors de l'annulation de la fenêtre contextuelle, vous devez également faire attention à la compatibilité du navigateur et à l'exactitude logique.

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!

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!