Para insertar observadores de eventos estándar en los elementos, solo hay que escribir un atributo cuya clave este entre paréntesis y el valor, sea una función o un script, por ejemplo:

div ( evento ) = funcion

div ( evento ) ={ console . log ( ' ocurrió mi evento ' ) }

Clave del evento

Dado que los eventos ui, estándar del navegador, son la forma reactiva de comunicación entre los elementos del DOM y el usuario, BO apoya fuertemente este estándar, por eso nos facilita enormemente el manejo de eventos y la emisión de eventos personalizados con parámetros independientes, etc.

Por esto mismo, la clave del evento puede ser un evento estándar de HTML, por ejemplo: input, click, keyup, etc. O el nombre de un evento emitido por nosotros, como podemos ver a continuación:

button \

( click ) ={ console . log ( ' click del botón ' ) } \

( mi_evento ) ={ console . log ( ' ocurrió mi evento ' ) }

Manejo de parámetros de la función

En algunas ocasiones, tendremos la necesidad de manipular los parámetros recibidos en un evento, ya sea con algo tan simple como cambiar el nombre del parámetro general event por otro que se adecue a nuestras necesidades. O agregar más parámetros de los que necesitemos en un script, para este caso, podemos usar el carácter : inmediatamente después del nombre del evento y manipular los parámetros posteriormente, por ejemplo:

div ( evento : e , param1 , param2 ) ={

e . preventDefault ()

console . log ( ` ocurrió mi evento y mis parametros son: ${ param1 } , ${ param2 } ` )

}

En construcción

Eventos

Clave del evento

Manejo de parámetros de la función