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