HTML attribut d'événement onkeypress

Définition et utilisation événement onkeypress

LES BALISES HTML

Les attributs d'événement onkeypress se déclenche lorsque l'utilisateur appuie sur une touche du clavier.
astuce Astuce : L'ordre des événements liés à l'événement onkeypress :

onKeyDown
OnKeyPress
OnKeyUp

Remarque : L'événement onkeypress n'est pas déclenché pour toutes les touches (ALT, CTRL, Maj et ECHAP) dans tous les navigateurs. Pour détecter uniquement si l'utilisateur a appuyé sur une touche, utilisez onkeydown .

Remarque : L'attribut onkeypress ne peut pas être utilisé avec les éléments : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

Syntaxe

<input onkeypress="script" />
Valeurs d'attribut

Valeur	Description
script	Le script à exécuter sur onkeypress

Exemple Exécuter un JavaScript lorsqu'un utilisateur appuie sur une touche :

Exemple : Copier le code

  <!DOCTYPE html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML demo</title>
  <script>
  function afficherResultat()
  {
  var x;
  if(window.event) // IE8 and earlier
              {
              x=event.keyCode;
              }
  else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
              {
              x=event.which;
              }
  var keychar=String.fromCharCode(x);
  alert("la touche+ keychar +est préssée");
  }
  </script>
  </head>
  <body>
  <p>La fonction afficherResultat() se déclenche lorsque l'utilisateur appuie sur
  une touche dans le champ de saisie. La fonction affiche une boite d'alerte avec la
  touche enfoncée..</p>
  <input type="text" onkeypress="afficherResultat()">
  </body>
  </html>