on
.click
de todos los párrafos del documento podemos utilizar el siguiente código:$(selector)
(en el ejemplo utilizamos $('p')
para seleccionar todos los párrafos).on
recibe el nombre del evento que queremos escuchar (en el ejemplo el evento click
) y una función, que es la que se ejecuta cuando ocurre el evento. En esta función escribimos el código que queremos que se ejecute cada vez que que ocurra el evento.on
se le llama un callback y puede recibir un argumento con información del evento. De esto hablaremos más adelante.on
.click
dblclick
- doble clickmouseenter
- se dispara cuando el mouse entra sobre alguno de los elementos seleccionados.mouseleave
- se dispara cuando el mouse sale de alguno de los elementos seleccionados.mouseover
- se dispara cuando el mouse entra o sale de alguno de los elementos seleccionados.mousemove
- se dispara cuando el mouse se mueve dentro de alguno de los elementos seleccionados.on
recibe un argumento con información del evento. Por ejemplo, a través de este objeto podemos obtener la posición del mouse cada vez que se mueve:keydown
- se dispara cuando oprimes una tecla.keypress
- similar a keydown
pero no aplica para teclas como Shift
, Esc
, Alt
.keyup
- se dispara cuando sueltas una tecla.which
del evento retorna el código de la tecla oprimida:blur
- se dispara cuando un elemento pierde el foco.change
- se dispara cuando un elemento cambia.focus
- se dispara cuando un elemento recibe el foco.submit
- se dispara cuando el formulario se envía.preventDefault()
sobre el argumento que llega en la función.document
, y por último window
.stopPropagation
del evento:ready
: