Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
keypress
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez letableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
L'évènementkeypress 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 touchesAlt,Shift,Ctrl ouMeta ne sont pas concernées.
Attention :Cet évènement est déprécié et il faudrait plutôt utiliserbeforeinput oukeydown.
| Interface | KeyboardEvent |
|---|---|
| Remonte sur les parents (bubbles) | Oui |
| Annulable | Oui |
| Action par défaut | Cela peut varier : évènementkeypress ; ouverture du système de composition du texte ; évènementsblur etfocus ; évènementDOMActivateObsolète; autre évènement. |
Exemples
Ajout d'unaddEventListener
Dans cet exemple, on affiche la valeur deKeyboardEvent.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></p>const log = document.getElementById("log");document.addEventListener("keypress", logKey);function logKey(e) { log.textContent += ` ${e.code}`;}Équivalentonkeypress
document.onkeypress = logKey;Spécifications
| Specification |
|---|
| UI Events # event-type-keypress |
| HTML # handler-onkeypress |
Compatibilité des navigateurs
Voir aussi
GlobalEventHandlers.onkeypress- L'interface
Elementque cet évènement cible - Les évènements associés :