Comment utiliser la propriété Mouseevent Pagey?

Comment utiliser la propriété Mouseevent Pagey?

Une propriété d'événement appelée «piste»Montre les coordonnées de l'axe des y lorsque l'utilisateur déplace sa souris. Cette propriété permet de trouver l'emplacement du curseur pour implémenter des fonctionnalités interactives telles que les menus déroulants ou les infractions, etc. Cette propriété peut être utile dans une variété d'applications, telles que la création d'effets de suivi de souris personnalisés ou la mise en œuvre des fonctionnalités de glisser-déposer.

Ce guide montre comment utiliser la propriété Mouseevent Pagey.

Comment utiliser la propriété Mouseevent Pagey?

Le "piste»La propriété est utilisée pour afficher les coordonnées de l'axe des y à l'écran par rapport au mouvement du curseur de la souris. Il est mesuré en pixels à partir du bord supérieur de la fenêtre. Suivez les étapes ci-dessous pour une meilleure explication:

Étape 1: Création de la structure

À l'intérieur du parent "«Élément, créez plusieurs"

" et "

«Tags dans lesquels les coordonnées sont affichées en attribuant«identifiant«À chaque élément HTML:





Événement de souris Exemple de propriété Pagey


Bienvenue à Linuxhint:


X Coordonnées:


Y coordonnées:


En fin de compte, sélectionnez le «mon-élément”ID et y appliquez certaines propriétés CSS pour un meilleur processus de visualisation.

Étape 2: ajout de la propriété Pagey

À l'intérieur de "”Tag, ajoutez les propriétés suivantes. Ces propriétés doivent être ajoutées à la fin de la page, sinon le code ne fonctionne pas correctement:

Une explication de l'extrait de code ci-dessus est indiquée ci-dessous:

  • Tout d'abord, l'élément HTML est stocké dans la variable en accédant aux ID d'élément.
  • Ensuite, la fonction est appelée le «mousemove»Écouteur d'événements.
  • Après cela, la variable nommée «piste" et "pagex" est créé. Ensuite, ces variables sont utilisées avec «événement.piste" et "événement.pagex»Propriétés, respectivement. Ces valeurs obtiennent respectivement les coordonnées de l'axe Y et X.
  • En fin de compte, ces variables sont affichées sur la page Web en accédant au «id »du« Span" éléments.

Après avoir exécuté l'extrait de code ci-dessus, la sortie ressemble à ceci:

La sortie ci-dessus affiche que les coordonnées sont affichées sur la page Web par rapport au mouvement du curseur.

Conclusion

Le "piste»La propriété obtient la coordonnée du curseur sur le mouvement de la souris sur l'élément contenant sélectionné. Pour le faire fonctionner, utilisez le «mousemove»Écouteur d'événements qui appelle la fonction lorsque la souris se déplace sur l'élément div sélectionné. Et à l'intérieur, utilise le «événement.piste»Propriété pour obtenir les coordonnées de l'axe Y. Ce guide a démontré comment utiliser la propriété Mouseevent Pagey.