Maison >interface Web >js tutoriel >Pouvez-vous déterminer la position de la souris en JavaScript sans événements de souris ?

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-23 19:38:31897parcourir

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!

Déclaration:
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