Ejemplo
Establecer el color de fondo en amarillo, cuando el puntero del ratón entra en un <p> elemento:
$("p").mouseenter(function(){
$("p").css("background-color", "yellow");
});
Inténtalo tú mismo " Definición y Uso
El mouseenter evento se produce cuando el puntero del ratón está sobre (entra) el elemento seleccionado.
El mouseenter() método activa el mouseenter evento, o concede una función a ejecutar cuando un mouseenter se produce el evento ..
Nota: A diferencia del mouseover evento, el mouseenter evento sólo se activa cuando el puntero del ratón entra en el elemento seleccionado.El mouseover evento se dispara si un puntero del ratón entra en cualquier elemento secundario también. Véase el ejemplo al final de la página para una demostración.
Consejo: Este evento se utiliza a menudo junto con la mouseleave evento.
Sintaxis
Desencadenar la mouseenter eventos para los elementos seleccionados:
$(selector).mouseenter()
Try it
Adjuntar una función a la mouseenter evento:
$(selector).mouseenter(function)
Try it
| Parámetro | Descripción |
|---|---|
| function | Opcional. Especifica la función a ejecutar cuando el mouseenter se desencadena evento |
Inténtelo usted mismo - Ejemplos
La diferencia entre mouseenter(), mouseover() y mousemove()
Demuestra la diferencia entre mouseenter(), mouseover() y mousemove() .