"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment détecter les pressions sur les touches Entrée dans jQuery : keypress() vs keydown()

Comment détecter les pressions sur les touches Entrée dans jQuery : keypress() vs keydown()

Publié le 2024-11-12
Parcourir:581

How to Detect Enter Key Presses in jQuery: keypress() vs. keydown()

Détection des pressions sur la touche Entrée dans jQuery : un guide complet

Pour détecter sans effort le moment où l'utilisateur appuie sur la touche Entrée avec jQuery, vous disposez de deux solutions alternatives :

Méthode 1 : méthode keypress()

La méthode keypress() est une outil puissant pour surveiller les pressions sur les touches. Il déclenche un événement lorsqu'une touche est enfoncée et peut être utilisé comme suit :

$(document).on('keypress',function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

Voici une répartition du code :

  • $(document).on('keypress', function(e)) : Cette ligne attache un gestionnaire d'événements au document pour écouter les événements de pression de touche.
  • (e. Which == 13) : Cette partie vérifie si la touche enfoncée correspond à la touche Entrée, qui a un keyCode de 13 dans tous les navigateurs.

Méthode 2 : méthode keydown()

Alternativement, vous pouvez utiliser la Méthode keydown() pour détecter les pressions sur la touche Entrée. Cette méthode capture les événements lorsqu'une touche est initialement enfoncée. Le code de cette approche est similaire à l'exemple précédent :

$(document).on('keydown',function(e) {
    if(e.keyCode == 13) {
        alert('You pressed enter!');
    }
});

La distinction entre keypress() et keydown() réside dans leur timing. keydown() se déclenche immédiatement lorsqu'une touche est enfoncée, tandis que keypress() attend que la touche soit enfoncée et relâchée.

Considérations sur la compatibilité du navigateur

jQuery gère de manière transparente le navigateur compatibilité, garantissant que le code fonctionne de manière cohérente sur différents navigateurs. Dans le cas de la détection des pressions sur la touche Entrée, l'utilisation du keyCode 13 est universellement prise en charge.

Par conséquent, vous pouvez utiliser en toute confiance la méthode keypress() ou keydown() pour détecter les pressions sur la touche Entrée avec jQuery sans vous soucier du navigateur. -bizarres spécifiques.

Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3