PDF de programación - Módulo 5 - Eventos en JQuery - JQueyr Avanzado

<Avanzado>

3

4

5

1 Eventos relacionados

con el ratón

Sirven para generar un evento cuando se produce un clic en un ele-
mento de la página.

EVENTO

click()

DESCRIPCIÓN

Reciben un objeto jQuery y devuelven las dimensiones internas del primer elemento
que haya en dicho objeto jQuery, esto es, la anchura y altura respectivamente
del elemento contando el padding del elemento pero no el borde.

dblclick()

Para generar un evento cuando se produce un doble clic sobre un elemento.

hover()

mousedown()

Esta función en realidad sirve para manejar dos eventos, cuando el ratón
entra y sale de encima de un elemento. Por tanto espera recibir dos
funciones en vez de una que se envía a la mayoría de los eventos.

Para generar un evento cuando el usuario hace clic, en el momento
que presiona el botón e independientemente de si lo suelta o no. Sirve
tanto para el botón derecho como el izquierdo del ratón.

mouseup()

Para generar un evento cuando el usuario ha hecho clic y luego suelta un botón
del ratón. El evento mouseup se produce sólo en el momento de soltar el botón.

mouseenter()

Este evento se produce al situar el ratón encima de un elemento de la página.

mouseleave()

Este se desata cuando el ratón sale de encima de un elemento de la página.

mousemove()

Evento que se produce al mover el ratón sobre un elemento de la página.

mouseout()

Este evento sirve para lo mismo que el evento mouseout de JavaScript. Se desata
cuando el usuario sale con el ratón de la superficie de un elemento.

mouseover()

toggle()

Sirve para lo mismo que el evento mouseover de Javascript. Se produce cuando el ratón
está sobre un elemento, pero tiene como particularidad que puede producirse varias
veces mientras se mueve el ratón sobre el elemento, sin necesidad de haber salido.

Sirve para indicar dos o más funciones para ejecutar cosas cuando
el usuario realiza clics, con la particularidad que esasfunciones
se van alternando a medida que el usuario hace clics.

6

2 Eventos relacionados

con el teclado

A continuación se muestran los eventos que pueden modelizarse como
respuesta a la pulsación de teclas del teclado.

EVENTO

keydown()

keypress()

DESCRIPCIÓN

Este evento se produce en el momento que se presiona una tecla del
teclado, independientemente de si se libera la presión o se mantiene. Se
produce una única vez en el momento exacto de la presión.

Este evento ocurre cuando se digita un carácter, o se presiona otro tipo de tecla.
Es como el evento keypress de Javascript, por lo que se entiende que keypress()
se ejecuta una vez, como respuesta a una pulsación e inmediata liberación
de la tecla, o varias veces si se pulsa una tecla y se mantiene pulsada.

keyup()

El evento keyup se ejecuta en el momento de liberar una tecla, es
decir, al dejar de presionar una tecla que teníamos pulsada.

Nota: a través del objeto evento, que reciben las funciones que indiquemos
como parámetro de estos métodos, podemos saber qué tecla se está pul-
sando, aparte de otras muchas informaciones.

3 Eventos combinados

teclado o ratón

Ahora mostramos varios eventos que pueden producirse tanto por el
ratón como por el teclado, es decir, como resultado deuna acción con el
ratón o como resultado de presionar teclas en el teclado.

EVENTO

focusin()

focusout()

focus()

DESCRIPCIÓN

Evento que se produce cuando el elemento gana el foco de la
aplicación, que puede producirse al hacer clic sobre un elemento o
al presionar el tabulador y situar el foco en ese elemento.

Ocurre cuando el elemento pierde el foco de la aplicación, que puede ocurrir cuando el foco
está en ese elemento y pulsamos el tabulador, o nos movemos a otro elemento con el ratón.

Sirve para definir acciones cuando se produce el evento focus de
Javascript, cuando el elemento gana el foco de la aplicación.

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23