Tracker les mouvements de la souris pour interagir avec des éléments HTML
Résolu
Azrogue
Messages postés
20
Statut
Membre
-
Azrogue Messages postés 20 Statut Membre -
Azrogue Messages postés 20 Statut Membre -
Bonjour à tous,
Je cherche actuellement une solution pour pouvoir tracker les mouvements de la souris en continue sur une page web et pouvoir faire interagir celle-ci avec des éléments en HTML. J'ai fait pas mal de recherche mais impossible pour moi de tomber sur autre chose que des outils de marketing pour tracker les visiteurs sur le site web à l'aide de "heat map"... Or ce n'est pas du tout ce que je veux. Si je me suis bien exprimé est ce que l'un d'entre vous pourrais me donner le nom d'une technologie me permettant de faire ce que j'ai expliqué ?
Merci d'avance pour vos réponse.
Je cherche actuellement une solution pour pouvoir tracker les mouvements de la souris en continue sur une page web et pouvoir faire interagir celle-ci avec des éléments en HTML. J'ai fait pas mal de recherche mais impossible pour moi de tomber sur autre chose que des outils de marketing pour tracker les visiteurs sur le site web à l'aide de "heat map"... Or ce n'est pas du tout ce que je veux. Si je me suis bien exprimé est ce que l'un d'entre vous pourrais me donner le nom d'une technologie me permettant de faire ce que j'ai expliqué ?
Merci d'avance pour vos réponse.
A voir également:
- Tracker les mouvements de la souris pour interagir avec des éléments HTML
- Quelle touche pour débloquer la souris ? - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Editeur html - Télécharger - HTML
- Souris ordinateur - Guide
- Skillkorp souris logiciel - Forum souris / Touchpad
1 réponse
Bonjour,
Regarde ce qu'est le onmousemove
par exemple
Regarde ce qu'est le onmousemove
par exemple
<!DOCTYPE html>
<html>
<head>
<script>
function getPos(e){
x=e.clientX;
y=e.clientY;
cursor="Position : x=" + x + " y=" + y ;
document.getElementById("displayArea").innerHTML=cursor
}
function stopTracking(){
document.getElementById("displayArea").innerHTML="";
}
</script>
</head>
<body>
<div id="focusArea" onmousemove="getPos(event)" onmouseout="stopTracking()"><p> Survoler et obtenir les coordonnées de la souris.... </p></div>
<p id="displayArea"></p>
</body>
</html>
C'est ce qu'il me fallait !