El método mousemove() es un método incorporado en jQuery que se usa cuando el puntero del mouse se mueve sobre el elemento seleccionado.
Sintaxis:
$(selector).mousemove(function)
Parámetros: este método acepta la función de parámetro único que es opcional. Este parámetro se usa para especificar la función que se ejecutará cuando se llame al evento mousemove.
Valor devuelto: este método devuelve el elemento seleccionado con el cambio.
El siguiente método ilustra el método mousemove() en jQuery:
Ejemplo:
<!DOCTYPE html> <html> <head> <title>The mousemove 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").mousemove(function() { $("div").css("background-color", "lightgreen"); }); }); </script> <style> div { width: 380px; padding: 20px; height: 60px; border: 2px solid green; font-weight: bold; font-size: 20px; } </style> </head> <body> <div> <!-- move over this text to see the change --> <p>Move over this paragraph.</p> </div> </body> </html>
Salida:
Antes de mover el mouse sobre el párrafo:
Después de mover el mouse sobre el párrafo:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA