El método mouseleave() es un método incorporado en jQuery que funciona cuando el puntero del mouse deja el elemento seleccionado.
Sintaxis:
$(selector).mouseleave(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 evento mouseleave.
Valor devuelto: este método devuelve el elemento seleccionado con los cambios realizados por el método mouseleave().
El siguiente ejemplo ilustra el método mouseleave() en jQuery:
Ejemplo:
<!DOCTYPE html> <html> <head> <title>The mouseleave Method</title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <!-- jQuery code to show the working of this method --> <script> $(document).ready(function() { $("p").mouseleave(function() { $("p").css("background-color", "lightgreen"); }); }); </script> <style> body { width: 300px; padding: 40px; height: 30px; border: 2px solid green; font-weight: bold; font-size: 20px; } </style> </head> <body> <!-- move over this paragraph and see the change --> <p>Welcome to GeeksforGeeks!</p> </body> </html>
Salida:
Antes de mover el mouse sobre el párrafo:
Después de mover el mouse sobre el párrafo.
Artículos relacionados:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA