HTML attribut d'événement onkeypress

Somaire

 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 :

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 :

Sélectionner 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>
    
 

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari
L'attribut d'événement onkeypress est pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

Aucune.


cours precedent Retour à la Liste attribut d'événement 

    
Accueil du site


Par carabde 10 mars 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    fonction strip_tags

    Supprime les balises HTML et PHP d'une chaîne

    Balise link

    Définit la relation entre un document et une ressource externe (la plus utilisée pour lier les feuilles de style)

    fonction str_rot13

    Effectue une transformation ROT13



    Rentabilisez efficacement votre site