keypress

Obsolète

Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

L'évènement keypress est déclenché lorsqu'une touche produisant un caractère est pressée. Cela concerne les touches qui produisent des caractères alphabétiques, des caractères numériques et des signes de ponctuations. Les touches Alt, Shift, Ctrl ou Meta ne sont pas concernées.

Attention ! Cet évènement est déprécié et il faudrait plutôt utiliser beforeinput ou keydown.

Interface KeyboardEvent
Remonte sur les parents (bubbles) Oui
Annulable Oui
Action par défaut Cela peut varier : évènement keypress ; ouverture du système de composition du texte ; évènements blur et focus ; évènement DOMActivate Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner. ; autre évènement.

Exemples

Ajout d'un addEventListener

Dans cet exemple, on affiche la valeur de KeyboardEvent.code lorsqu'on appuie sur une touche :

<p>
   Cliquez dans l'iframe pour lui passer le focus
   puis appuyez sur des touches du clavier.
</p>
<p id="log"></p>
const log = document.getElementById('log');

document.addEventListener('keypress', logKey);

function logKey(e) {
  log.textContent += ` ${e.code}`;
}

Équivalent onkeypress

document.onkeypress = logKey;

Spécifications

Spécification État
UI Events Version de travail

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi