From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/document/keypress_event/index.md | 127 +++++++++++----------- 1 file changed, 62 insertions(+), 65 deletions(-) (limited to 'files/fr/web/api/document/keypress_event') diff --git a/files/fr/web/api/document/keypress_event/index.md b/files/fr/web/api/document/keypress_event/index.md index 76807b1f92..f079811072 100644 --- a/files/fr/web/api/document/keypress_event/index.md +++ b/files/fr/web/api/document/keypress_event/index.md @@ -9,94 +9,91 @@ tags: - Reference translation_of: Web/API/Document/keypress_event --- -
{{APIRef}} {{deprecated_header}}
+{{APIRef}} {{deprecated_header}} -

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.

+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.

-
+> **Attention :** Cet évènement est déprécié et il faudrait plutôt utiliser [`beforeinput`](/fr/docs/Web/API/HTMLElement/beforeinput_event) ou [`keydown`](/fr/docs/Web/API/Document/keydown_event). - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
Interface{{domxref("KeyboardEvent")}}
Remonte sur les parents (bubbles)Oui
AnnulableOui
Action par défautCela peut varier : évènement keypress ; ouverture du système de composition du texte ; évènements blur et focus ; évènement DOMActivate {{deprecated_inline}}; autre évènement.
Interface{{domxref("KeyboardEvent")}}
Remonte sur les parents (bubbles)Oui
AnnulableOui
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 {{deprecated_inline}}; autre évènement. +
-

Exemples

+## Exemples -

Ajout d'un addEventListener

+### Ajout d'un `addEventListener` -

Dans cet exemple, on affiche la valeur de {{domxref("KeyboardEvent.code")}} lorsqu'on appuie sur une touche :

+Dans cet exemple, on affiche la valeur de {{domxref("KeyboardEvent.code")}} lorsqu'on appuie sur une touche : -
<p>
+```html
+

    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');
+```js
+const log = document.getElementById('log');
 
 document.addEventListener('keypress', logKey);
 
 function logKey(e) {
   log.textContent += ` ${e.code}`;
-}
+} +``` -

{{EmbedLiveSample("addEventListener_keypress_example")}}

+{{EmbedLiveSample("addEventListener_keypress_example")}} -

Équivalent onkeypress

+### Équivalent `onkeypress` -
document.onkeypress = logKey;
+```js +document.onkeypress = logKey; +``` -

Spécifications

+## Spécifications - - - - - - - - - - - - - -
SpécificationÉtat
{{SpecName('UI Events', '#event-type-keypress')}}{{Spec2('UI Events')}}
+| Spécification | État | +| ---------------------------------------------------------------- | ---------------------------- | +| {{SpecName('UI Events', '#event-type-keypress')}} | {{Spec2('UI Events')}} | + +## Compatibilité des navigateurs -

Compatibilité des navigateurs

+{{Compat("api.Document.keypress_event")}} -

{{Compat("api.Document.keypress_event")}}

+## Voir aussi -

Voir aussi

+- {{domxref("GlobalEventHandlers.onkeypress")}} +- L'interface {{domxref("Element")}} que cet évènement cible +- Les évènements associés : - + - [`keydown`](/fr/docs/Web/API/Document/keydown_event) + - [`keyup`](/fr/docs/Web/API/Document/keyup_event) + - [`beforeinput`](/fr/docs/Web/API/HTMLElement/beforeinput_event) -- cgit v1.2.3-54-g00ecf