En este artículo, veremos cómo ejecutar el código cuando el mouse ingresa al área específica usando jQuery. Para ejecutar el código en un mouse ingrese un área específica, se usa el método mouseenter() . El método mouseenter() funciona cuando el puntero del mouse se mueve sobre el elemento seleccionado.
Sintaxis:
$(selector).mouseenter(function)
Parámetros: este método acepta la función de parámetro único que es opcional. Se utiliza para especificar la función que se ejecutará cuando se llame al método mouseenter().
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to run a code on mouseenter
event in jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$(".main").mouseenter(function () {
$(".main").css({
background: "green",
color: "white"
});
});
});
</script>
<style>
body {
text-align: center;
}
.main {
width: 300px;
height: 200px;
border: 2px solid black;
}
</style>
</head>
<body>
<div class="main">
<h1>GeeksforGeeks</h1>
<h3>
How to run a code on mouseenter
event in jQuery?
</h3>
</div>
</body>
</html>
Producción:
