Maison > interface Web > js tutoriel > le corps du texte

Pouvez-vous déterminer la position de la souris en JavaScript sans événements de souris ?

Mary-Kate Olsen
Libérer: 2024-10-23 19:38:31
original
790 Les gens l'ont consulté

Can You Determine the Mouse Position in JavaScript Without Mouse Events?

Obtenir la position de la souris sans événements de souris

Pouvez-vous récupérer la position de la souris en JavaScript lors du chargement de la page, sans aucun événement de mouvement de la souris ?

Réponse :

Traditionnellement, il est impossible de déterminer la position de la souris sans intervention de l'utilisateur. Cependant, il existe une solution de contournement :

Approche délicate (à éviter d'utiliser) :

Créez un DIV superposé couvrant l'intégralité du document. Ajoutez 2 000 x 2 000 éléments d'ancrage "" à l'intérieur, chacun mesurant 1 pixel. Appliquez une règle CSS ":hover" qui modifie une propriété spécifique, telle que font-family.

Parcourez chacun des 4 millions d'éléments "" après le chargement de la page. Vérifiez le currentStyle/getComputedStyle() de chaque élément jusqu'à ce que l'on change sa police. Ceci identifie l'élément sous le curseur invisible. Calculez les coordonnées de cet élément pour déterminer la position de la souris.

Attention :

N'UTILISEZ PAS CETTE MÉTHODE. Cela implique une manipulation lourde du DOM et conséquences sur les performances. Évitez cette approche pour les applications pratiques.

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!

source:php
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!