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 (en-US).

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 (en-US) et focus (en-US) ; évènement DOMActivate (en-US) Obsolète ; autre évènement.

Exemples

Ajout d'un addEventListener

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

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

document.addEventListener("keypress", logKey);

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

Équivalent onkeypress

js
document.onkeypress = logKey;

Spécifications

Specification
UI Events
# event-type-keypress
HTML Standard
# handler-onkeypress

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi