Introducción

Instalación

Preguntas frecuentes (faq)

Sintaxis, palabras clave y funciones integradas

Distribución estándar

Implementación del import

Interfaz del navegador

Introducción - DOM API
Creando un documento
Accediendo a los elementos
Atributos, propriedades y métodos

Eventos
Eventos del ratón
Eventos del teclado
Eventos de foco
Eventos de arrastre

Query string

Usando objetos y librerías Javascript

Módulos específicos de Brython

El módulo integrado `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

javascript

Trabajando con Brython

Opciones de la función brython()
Testing y depuración
Desplegando una aplicación

Cookbook

Hola Mundo !
Insertar contenido en un elemento
Marcado HTML (bold,italic...)
Tabla HTML
Añadir (*bind*) y eliminar (*unbind*) eventos
Handle options in a SELECT
Arrastrar y soltar
Obtener el contenido de un elemento
Leer el contenido de un fichero
Almacenar objetos localmente
Ejemplo de onmouseover
 

Eventos de foco

Los eventos de foco son

blur un elemento ha perdido el foco
focusun elemento ha recibido el foco

Ejemplo

Pulsa en el campo de entrada de abajo para hacer que reciba el foco, posteriormente pulsa en cualquier otro sitio para hacer que pierda el foco.

   

Código

from browser import bind, document

@bind("#entry", "focus")
def focus(ev):
    document["traceFocus"].text = f"{ev.target.id} recibe el foco"

@bind("#entry", "blur")
def blur(ev):
    document["traceFocus"].text = f"{ev.target.id} pierde el foco"