communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Exécuter le script lorsque la molette de la souris défile vers le haut ou vers le bas sur un élément HTML ?

Exécuter le script lorsque la molette de la souris défile vers le haut ou vers le bas sur un élément HTML ?

王林
Libérer： 2023-09-23 10:49:02
avant
1434 Les gens l'ont consulté

Exécuter le script lorsque la molette de la souris défile vers le haut ou vers le bas sur un élément HTML ?

onwheelPropriété déclenchée lorsque la molette de la souris défile vers le haut ou vers le bas sur l'élément. Vous pouvez essayer d'exécuter le code suivant pour implémenter les onwheel properties -

Example

<!DOCTYPE html>
<html>
   <body>
      <h3 id = "myid" onwheel = "mouseWheel()">
         This is demo heading.
      </h3>
      <p>Click above and use mouse wheel to change the heading color.</p>
      <script>
         function mouseWheel() {
            document.getElementById("myid").style.color = "red";
         }
      </script>
   </body>
</html>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
La fonction de retour d'événement de la roue contrôle le défilement
Article précédent：Que signifie l'attribut nodeValue dans JavaScript HTML DOM ? Article suivant：Propriété HTML DOM childElementCount La propriété childElementCount renvoie le nombre d'éléments enfants de l'élément spécifié (à l'exclusion des nœuds de texte et des nœuds de commentaires). grammaire: element.childElementCount Exemple: var div = document.getElementById("myDiv"); var count = div.childElementCou
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
javascript - Le code pour modifier l'image de la boîte dans la liste déroulante.
Depuis 1970-01-01 08:00:00
0
0
0
Comment ionic2 utilise-t-il les styles d'iOS sur la plateforme Android
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Existe-t-il un excellent outil de point d'arrêt sur NPM?
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Comment Webpack bloque-t-il globalement la valeur de hachage de cette build pour une utilisation par le code JS ?
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Comment jQuery implémente-t-il le préchargement des effets sonores sur les pages mobiles?
Depuis 1970-01-01 08:00:00
0
0
0
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal