Javascript Girl
  1. Javascript Girl
  3. Comment arrêter la boîte d'alerte, appuyez sur la boucle enter?
Intereting Posts
Mieux vaut multiplier les matrices en javascript ou en shader? Comment puis-je créer un bon json à partir de mysqli? Enregistrer et restaurer le gestionnaire d'événements Touchend ne se déclenche pas après touchmove Qu'est-ce que 'ceci' avant qu'un objet soit instancié dans js? Comment puis-je basculer un ng-show dans AngularJS en fonction d'un boolean? Ajouter une clé dynamique, des paires de valeurs à un tableau JavaScript ou à une table de hash Création d'une table html avec nombre de colonnes en expansion dynamique pour s'adapter à la taille de l'écran Dialogue modal Jquery UI, mettez l'accent sur l'élément de première forme Pourquoi jQuery décharge-t-il ne fonctionne-t-il pas dans Chrome et Safari? Modification de la définition de classe CSS Existe-t-il une méthode que je peux remplacer sur un objet JavaScript pour contrôler ce qui est affiché par console.log? Évitez le rechargement de page lors de la soumission du formulaire à l'aide d'ajax avec laravel Comment mettre une ligne ondulée sous des mots mal orthographiés HTML Désactiver l'interpolation lors de la mise à l'échelle d'un <canevas>

Comment arrêter la boîte d'alerte, appuyez sur la boucle enter?

Lorsque l'utilisateur appuie sur le document, je montre une boîte d' alert() avec l' alert() .

Le comportement par défaut que le navigateur (Chrome 27 sur Mac OS X 10.8.4) a est lorsque vous appuyez sur enter lorsqu'il est concentré sur la zone d'alerte, il va le fermer. Cela déclenchera l'entrée sur le document, en montrant la boîte d'alerte à nouveau. Vous pouvez voir comment il peut boucler.

Notez que lorsque j'utilise ma souris pour cliquer sur OK dans la zone d'alerte, la boucle ne se produit pas.

Comment puis-je empêcher cette boucle?

Un exemple (la manière réelle d'utiliser cela est beaucoup plus compliquée): 

 $(document).keyup(function(e) { e.preventDefault(); var keyCode = e.keyCode || e.which; if (keyCode == 13) { alert('Hello world!'); } return false; });

Vous pouvez déléguer l'événement de stopPropagation() et utiliser stopPropagation() pour éviter que l'événement ne bouge vers le document lorsqu'il est déclenché sur la boîte de dialogue d'alerte, de la manière suivante: http://jsfiddle.net/KNyzc/ 

 $(document).on( "keydown", function(e) { e.stopPropagation(); var keyCode = e.keyCode || e.which; if (keyCode == 13) { alert('Hello world!'); } });

(En fait, vous n'avez pas besoin d'utiliser stopPropagation du tout. Utilisez simplement l'événement de dépannage).