Version

Evénements clavier

Documentation complète sur le site MDN

Les événements relatifs au clavier sont

keydown	appui sur une touche quelconque du clavier
keypress	appui sur une touche du clavier qui produit un caractère. Par exemple, quand on entre Ctrl+C au clavier, l'événement keypress n'est déclenché qu'au moment où on appuie sur C, alors que keydown est déclenché dès l'appui sur Ctrl
keyup	relâchement d'une touche enfoncée

Attributs de l'objet `DOMEvent`

L'instance de DOMEvent possède les attributs suivants

altKey

booléen, indique si la touche Alt (ou Option sur Mac) était enfoncée quand l'événement clavier a été déclenché

Il est normalement utilisé avec keypress, pour pouvoir tester si on a entré Alt+<key> ou seulement <key>

Exemple

Saisir du texte dans le champ ci-dessous, en appuyant ou pas sur la touche Alt

Code

from browser import document

def altKey(ev):
    document["traceAltKey"].text = f"altKey : {ev.altKey}"

document["altKey"].bind("keypress", altKey)

key

Une chaine de caractères pour la touche enfoncée:

- le caractère si la touche correspond à un caractère

- une chaine qui décrit la touche pour les touches spéciales (par exemple "Control" pour la touche Ctrl)

Example

Entrer du texte dans le champ ci-dessous

keydown
keypress
keyup

Code

from browser import bind, document

def keyevent(ev):
    trace = document["traceKey"]
    trace.text = f"type: {ev.type}, key: {ev.key}"
    ev.stopPropagation()

document["key_keydown"].bind("keydown", keyevent)
document["key_keypress"].bind("keypress", keyevent)
document["key_keyup"].bind("keyup", keyevent)

ctrlKey

booléen, indique si la touche Ctrl était enfoncée quand l'événement clavier a été déclenché

Il est normalement utilisé avec keypress, pour pouvoir tester si on a entré Ctrl+<key> ou seulement <key>

Example

Saisir du texte dans le champ ci-dessous, en appuyant ou pas sur la touche Ctrl

Code

from browser import document

def keypress(ev):
    document["traceCtrlKey"].text = f"ctrlKey : {ev.ctrlKey}"
    ev.preventDefault()

document["ctrlKey"].bind("keypress", keypress)

Notez que ev.preventDefault() est appelé pour éviter le comportement par défaut associé à certains raccourcis clavier qui utilisent la touche Ctrl.

code

une chaine de caractères qui caractérise la touche physique du clavier enfoncée

cette valeur est la même quel que soit le caractère produit par l'appui sur la touche: par exemple sur un clavier AZERTY, l'appui sur la touche A donne comme code "KeyQ"

Example

Positionnez le curseur dans les champs de saisie ci-dessous et appuyez sur les touches du clavier.

avec keydown

avec keypress

avec keyup

Code

from browser import document

def keyCode(ev):
    trace = document["traceKeyCode"]
    trace.text = f"event: {ev.type}, code: {ev.code}"
    ev.stopPropagation()

document["codeKeydown"].bind("keydown", keyCode)
document["codeKeypress"].bind("keypress", keyCode)
document["codeKeyup"].bind("keyup", keyCode)

shiftKey

booléen, indique si la touche Majuscule était enfoncée quand l'événement clavier a été déclenché

Il est normalement utilisé avec keypress, pour pouvoir tester si on a entré Shift+<key> ou seulement <key>

Example

Saisir du texte dans le champ ci-dessous, en appuyant ou pas sur la touche Majuscule

Code

from browser import document

def keypress(ev):
    document["traceShiftKey"].text = f'shiftKey : {ev.shiftKey}'

document["shiftKey"].bind("keypress", keypress)

Version

Introduction

Installation

Limitations du protocole "file"

Questions fréquemment posées

Syntaxe, mots-clés et fonctions intégrées

Distribution standard

Implémentation de `import`

Packages Brython

Interface avec le navigateur

Modules intégrés propres à Brython

Travailler avec Brython

Recettes

Evénements clavier

Attributs de l'objet `DOMEvent`

Exemple

Code

Example

Code

Example

Code

Example

Code

Example

Code

Version 3.133.123.113.10

Interface avec le navigateur

Modules intégrés propres à Brython

Travailler avec Brython

Recettes

Evénements clavier

Attributs de l'objet DOMEvent

Exemple

Code

Example

Code

Example

Code

Example

Code

Example

Code

Version

Attributs de l'objet `DOMEvent`