Comment déterminer les caractères des touches sur plusieurs navigateurs avec JavaScript ?

Détermination des caractères pressés sur plusieurs navigateurs avec JavaScript

Le développement d'une solution compatible entre navigateurs pour détecter la touche de caractère enfoncée est une tâche courante dans JavaScript. Voici comment y parvenir :

Pour capturer les événements de pression de touche, vous pouvez exploiter l'événement de pression de touche sur les éléments d'entrée. Cet événement fournit des informations sur la touche qui a été enfoncée. En utilisant les capacités de JavaScript, vous pouvez déterminer la touche de caractère spécifique associée à l'événement.

Pour implémenter cela en JavaScript pur, vous pouvez utiliser le code suivant :

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

Cette fonction, myKeyPress , prend l'objet d'événement e en entrée et en extrait le code clé ou le code de caractère (keynum), en fonction du navigateur (navigateurs IE ou non-IE, respectivement). La fonction String.fromCharCode est ensuite utilisée pour convertir le code clé en son caractère correspondant.

Pour utiliser cette fonctionnalité, vous pouvez attribuer la fonction myKeyPress comme gestionnaire d'événement pour l'événement de pression de touche d'un élément d'entrée, comme ceci :

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

De cette façon, lorsqu'un utilisateur appuie sur une touche du champ de saisie, la fonction myKeyPress est appelée, capturant les informations sur la pression sur la touche et les affichant à l'aide d'une alerte.

Cette approche fournit une approche croisée -solution compatible avec les navigateurs pour détecter et identifier la touche de caractère enfoncée en JavaScript.

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!