Tracker les mouvements de la souris pour interagir avec des éléments HTML

Résolu
Azrogue Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   -  
Azrogue Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   -
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.
A voir également:

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

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>




0
Azrogue Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci beaucoup !
C'est ce qu'il me fallait !
0