Método jQuery mouseover()
❮ Métodos de eventos de jQuery
Ejemplo
Establezca el color de fondo en amarillo, cuando el puntero del mouse esté sobre un elemento <p>:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Definición y uso
El evento mouseover ocurre cuando el puntero del mouse está sobre el elemento seleccionado.
El método mouseover() activa el evento mouseover o adjunta una función para que se ejecute cuando ocurre un evento mouseover.
Nota: A diferencia del evento mouseenter , el evento mouseover se activa si el puntero del mouse ingresa a cualquier elemento secundario además del elemento seleccionado. El evento mouseenter solo se activa cuando el puntero del mouse ingresa al elemento seleccionado. Vea el ejemplo al final de la página para una demostración.
Sugerencia: este evento se usa a menudo junto con el evento mouseout .
Sintaxis
Active el evento mouseover para los elementos seleccionados:
$(selector).mouseover()
Adjunte una función al evento mouseover:
$(selector).mouseover(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseover event is triggered |
Pruébelo usted mismo - Ejemplos
Demuestra la diferencia entre mouseover(), mouseenter() y mousemove().
❮ Métodos de eventos de jQuery