En ocasiones, las páginas web carecen de vistosas animaciones, debido al desconocimiento de
eventos por parte del programador, debido a ello, dejan de captar la atención
del usuario. Por lo tanto, a fin de accionar
funciones y bloques de códigos de programación, especificaremos eventos del
lenguaje Javascript, según las reglas de este lenguaje de programación.
Cuando se inició la visualización
de páginas en internet, solo era posible la lectura de las mismas; gracias al
desarrollo de lenguajes de programación con Javascript creamos diferentes
atractivos, los cuales a nivel de programación son conocidos como eventos. Al
agregar eventos a una página web, es
posible dar respuestas por cada acción del usuario con el ratón o teclado. Sin
embargo, tambien es posible crearlos al momento de cargar la página web por primera vez, por ejemplo.
Existe el término llamado triggers, el cual en español significa disparador. El mismo es la acción ocurrida
cuando sucede un evento en términos de programación. Ambos términos van de la
mano al momento de crear páginas web dinámicas,
mediante el lenguaje de programación Javascript.
Dentro de los eventos relacionados
con el mouse tenemos los siguientes:
- Onclick, se activa cuando se presiona el elemento.
- Onmousedown, se activa al pulsar un botón del mouse sobre el elemento.
- Onmousemove, se activa cuando el puntero se mueve sobre el
elemento.
- Onmouseover, se activa cuando el puntero se sitúa sobre el
elemento.
- Onmouseout, se activa cuando el puntero sale del elemento o de sus hijos.
- Onmouseup, se activa cuando el puntero se libera dentro del elemento.
061-01_1306_ilu01.
Eventos relacionados con el mouse
Dentro de los eventos relacionados
con el teclado tenemos:
- Onkeydown, se activa cuando el usuario mantiene presionada una tecla.
- Onkeypress, se activa cuando el usuario pulsa una tecla.
- Onkeyup, se activa cuando el usuario libera una tecla.
Estos eventos son algunos de los
existentes con el teclado, y se aplican en el manejo de formularios web.
061-01_1306_ilu02.
Eventos relacionados con el teclado
Dentro de los eventos relacionados
exclusivamente a formularios tenemos:
- Onfocus, se activa cuando un elemento toma el foco, es decir, es
seleccionado, por ejemplo, al seleccionar con el mouse un campo para llenarlo.
- Onblur, se activa cuando un elemento pierde el foco.
- Onchange, se activa cuando un elemento toma el foco y el valor es
modificado.
- Onselect, se activa cuando un elemento es seleccionado.
- Onsubmit, se activa cuando se envía el formulario.
061-01_1306_ilu03.
Eventos relacionados con formularios
Estos eventos son algunos de los
pertenecientes al lenguaje Javascript, existen otros disponibles en la
recomendación oficial de sus creadores. Además, es posible añadir diferentes
etiquetas de HTML, de diversas formas, a los eventos.
Keynotes
- Cuando se inició la visualización de páginas
en internet, solo era posible la lectura de las mismas; gracias al desarrollo
de lenguajes de programación con Javascript creamos diferentes atractivos, los
cuales a nivel de programación son conocidos como eventos.
- Al agregar eventos a una página web, es posible dar respuestas por cada
acción del usuario con el ratóon o teclado. Sin embargo, tambien es posible
crearlos al momento de cargar la página web
por primera vez.
- Existe el término llamado triggers, el cual en español significa disparador. El mismo es la acción ocurrida
cuando sucede un evento en términos de programación. Ambos términos van de la
mano al momento de crear páginas web dinámicas,
mediante el lenguaje de programación Javascript.
RetoCrea tres funciones diferentes con Javascript,
según lo aprendido, y acorde a las reglas de este lenguaje de programación. Pide
a tres compañeros el tipo de función a utilizar entre el mouse, puntero y teclado.
¡Comparte el resultado final del reto en tu vKontact!
Tiempo disponible: entre 15 y 30 minutos.
CierreCon la especificación de eventos del lenguaje
Javascript, captaremos la atención deseada de los usuarios, debido al dinamismo
implementado en la página web. Accionaremos
funciones y bloques de códigos de programación, según los movimientos del
usuario. Con disciplina y organización crearemos correctamente eventos en
páginas web.
