Événement de souris jQuery événement mousemove()

Événement mousemove()

L'événement mousemove se produit lorsque le pointeur de la souris se déplace dans l'élément spécifié.

Remarque : lorsque l'utilisateur déplace la souris d'un pixel, un événement mousemove se produit. La gestion de tous les événements mousemove consomme des ressources système. Veuillez utiliser cet événement avec prudence.

Écrivons un exemple ci-dessous :

Nous avons une balise div, étant donné une largeur, une hauteur, une bordure et une balise p. Lorsque la souris se déplace à l'intérieur de la balise div, les éléments du p. tag La couleur change

et le code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>mousemove()事件</title>
    <style type="text/css">
        div{
            width:200px;
            height:200px;
            border:1px solid #000;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <div></div>
    <p>php 中文网</p>

    <script>
        $("div").mousemove(function(){
            $('p').css('color','red');
        })
    </script>
</body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>mousemove()事件</title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid #000; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div></div> <p>php 中文网</p> <script> $("div").mousemove(function(){ $('p').css('color','red'); }) </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique