Repaso a las funciones más comunes de jQuery para detectar las diferentes acciones del ratón en una página web.
Las funciones son las siguientes:
- click()
- dblclick()
- hover()
- mouseover() y mouseout()
- mouseenter() y mouseleave()
- mousemove()
- mouseup() y mousedown()
- Detección del click derecho del ratón
jQuery click()
jQuery click() se ejecuta cada vez que se hace click en un elemento del DOM. Bien sea una imagen, un input text, un párrafo, un button, un select, un radio button, un div…
Este es su post:
jQuery dblclick()
Con jQuery dblclick() podemos detectar y controlar con los doble clicks del ratón en los elementos de nuestra web (DOM).
Su post es el siguiente:
jQuery hover()
Detecta la presencia del ratón sobre un elemento del DOM. Pudiendo realizar 2 funciones diferentes, una cuando el ratón está sobre el elemento y la otra al salir del elemento.
El post de referencia es este:
jQuery mouseover() y mouseout()
Detecta la presencia del ratón sobre un elemento del DOM. Engloba a todos los nodos hijos que contenga el elemento seleccionado, cada vez que el puntero entra y sale del elemento y nodos hijos se ejecutan las funciones.
El post de referencia es este:
jQuery mouseenter() y mouseleave()
Detecta la presencia del ratón sobre un elemento del DOM. No engloba a los nodos hijos que contenga, es decir, solo se ejecutarán con el elemento seleccionado cuando entre o salga del mismo.
Su post es el siguiente:
jQuery mousemove()
Con esta función podemos detectar el movimiento del ratón en una página web o en un determinado elemento.
Podéis ver su funcionamiento en este post:
jQuery mouseup() y mousedown()
Estas funciones detectan la presión del click izquierdo del ratón y la finalización de dicha presión.
El post es este:
Detectar el click derecho del ratón
En el siguiente post podemos ver cómo podemos detectar el click derecho del ratón usando diferentes funciones de jQuery:
Selectores de jQuery
Para la detección, control o selección de elementos con jQuery os recomiendo leer este post: