Maison > interface Web > js tutoriel > 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
Libérer: 2024-10-27 01:53:30
original
402 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal