Accueil    HTML    Evenement onkeydown
 



Evenement onkeydown  HTML Evenement onkeydown : touche pressée sur une balise html

«  Partie précédente  |  Index  |  Partie suivante  »


L'évènement onkeydown est l'une des actions décrivant une frappe sur une touche. Il est lié aux évènements onkeypress et onkeyup qui à eux trois décrivent complètement la frappe d'une touche du clavier.

Taper par exemple la lettre "a" fait intervenir ces trois évènements de façon successive :
    - le premier évènement déclenché est onkeydown qui correspond à la pression sur la touche
    - vient ensuite l'évènement onkeypress qui coincide avec le fait d'avoir la touche enfoncée
    - enfin l'évènement onkeyup relatif au fait de relacher la touche

Ces évènements sont régulièrement utilisés pour faire des contrôles sur les saisies des utilisateurs dans les champs textes car il est possible de vérifier les caractères saisis et d'effectuer des traitements en conséquence.



Exemple d'utilisation pour l'évènement onkeydown :





Ordre de déclencement des évènements lorsqu'une touche est pressée affichés dans la blalise div par un appel javascript :

<input type="text" style="border:solid 1px black; width:150px;" maxlength="10"
   onkeydown="affichage('key down');"
   onkeypress="affichage('key press');"
   onkeyup="affichage('key up');" />

<div id="divAffichage" style="border:solid 1px black; width:150px; height:100px;
   overflow:auto; background-color:#DEDEDE;">
</div>


Le javascript appelé modifie le contenu de la div identifiée par son id

<script type="text/javascript" language="javascript">
//<![CDATA[
function affichage(valeur)
{
   document.getElementById("divAffichage").innerHTML += valeur + "<br/>";
}
//]]>
</script>



Ordre de déclencement des évènements lorsqu'une touche est pressée :