Maison  >  Article  >  interface Web  >  Comment identifier la touche de caractère enfoncée dans JavaScript dans les navigateurs ?

Comment identifier la touche de caractère enfoncée dans JavaScript dans les navigateurs ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-27 01:53:30284parcourir

How to Identify the Pressed Character Key in JavaScript Across Browsers?

Identification de la touche de caractère enfoncée en Javascript

La détection de la touche de caractère enfoncée d'une manière compatible avec tous les navigateurs à l'aide de Javascript pur peut être obtenue grâce au étapes suivantes :

Solution :

Pour y parvenir, nous utilisons deux méthodes selon le navigateur utilisé :

  1. Internet Explorer : Si l'objet window.event est disponible, extrayez la propriété keyCode de l'objet événement.
  2. Netscape/Firefox/Opera : Si la propriété e.which est présente, utilisez-le pour récupérer le code de la clé de caractère.

Exemple de code :

L'extrait de code suivant illustre la mise en œuvre :

<code class="javascript">function myKeyPress(e) {
  var keynum;

  if (window.event) { // IE
    keynum = e.keyCode;
  } else if (e.which) { // Netscape/Firefox/Opera
    keynum = e.which;
  }

  alert(String.fromCharCode(keynum));
}</code>

Utilisation :

Pour utiliser ce code, intégrez-le dans votre document HTML à côté d'un champ de saisie qui peut capturer les événements de pression de touche :

<code class="html"><input type="text" onkeypress="return myKeyPress(event)" /></code>

Lorsqu'une touche de caractère est enfoncée dans le champ de saisie, l'extrait de code exécutera la fonction myKeyPress, identifiera le code de la touche du caractère et affichera le caractère correspondant dans une fenêtre d'alerte.

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