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

Introduction - API DOM
Créer un document
Accéder aux éléments
Attributs, propriétés et méthodes

Evénements
Evénements souris
Evénements clavier
Evénements focus
Evénements pour glisser-déposer

Chaine de requête

Interactions avec Javascript

Modules intégrés propres à Brython

browser
browser.aio
browser.ajax
browser.html
browser.local_storage
browser.markdown
browser.object_storage
browser.session_storage
browser.svg
browser.template
browser.timer
browser.webcomponent
browser.websocket
browser.worker

Widgets
browser.widgets.dialog
browser.widgets.menu

interpreter
javascript

Travailler avec Brython

Options d'exécution
Test et débogage
Deployer une application

Recettes

Salut !
Insérer du contenu dans un élément
Mise en forme HTML (gras, italique...)
Table HTML
Attacher / détacher des événements
Gérer la sélection d'options dans un SELECT
Glisser-déposer
Obtenir le contenu d'un élément
Lire le contenu d'un fichier
Stocker des objets localement
Exemple de onmouseover
 

Focus events

Les événement focus sont :

blur un élément a perdu le focus
focusun élément a reçu le focus

Exemple

Cliquer sur le champ de saisie ci-dessous pour qu'il reçoive le focus, puis cliquer ailleurs dans la page pour que le champ de saisie perde le focus.

  

Code

from browser import document

def focus(ev):
    document["traceFocus"].text = f"{ev.target.id} reçoit le focus"

document["entry"].bind("focus", focus)

def blur(ev):
    document["traceFocus"].text = f"{ev.target.id} perd le focus"

document["entry"].bind("blur", blur)