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 :
<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
Specification |
---|
UI Events # event-type-keypress |
HTML Standard # handler-onkeypress |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
GlobalEventHandlers.onkeypress
-
L'interface
Element
que cet évènement cible -
Les évènements associés :