Maison  >  Article  >  interface Web  >  javascript annuler la boîte de dialogue

javascript annuler la boîte de dialogue

王林
王林original
2023-05-12 09:36:361278parcourir

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("确定要取消吗?");

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("这是一个弹框");

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

if(confirm("确定要取消吗?")) {
  alert("这是一个弹框");
}
#🎜. 🎜# 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("这是一个弹框");

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);

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("这是一个弹框");

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();
});

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!

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