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 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
# handler-onkeypress

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
keypress event
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.
See implementation notes.

Voir aussi