Comment savoir si la souris ne bouge plus ?

**seb-oulba** · 03/08/2006, 16h25

Hello,
Je bosse sur des carte g�ographiques o� les points rouges sont des restaurants.
Je veux le comportement suivant sur la map : si la souris s'arr�te pendant plus d'une demi seconde au dessus de la map, je fais une requete au serveur (ajax) pour connaitre les noms des restos dans un rayon de 1km autour de l� o� pointe la souris.
J'aimerais donc �crire une fonction qui me renvoie un bool�en : true si la souris n'a pas boug� depuis 1/2 seconde, et false sinon. Il faut bien entendu qu'elle le fasse continuellement. Comment s'y prendre ? peut-on cr�er un �v�nement pour �a? ma fonction envoyant la requete serait alors un �couteur de cet �v�nement, et r�agirait en cons�quence.
J'ai d�j� test� ce genre de chose, c'est chaotique :

onmousepaused = function() {

while(!document.onmousemove){

setTimeout("fct", 400);

}

};

function fct(){

alert("bouge plus...");

}

Une id�e quelqu'un ? Merci
Seb

**Auteur** · 03/08/2006, 23h10

bonjour,

Voici un exemple avec un div. Le script g�re le mousemove dans le div et le mouseout (il faut arr�ter le chrono si tu sors du div) et r�initialise le texte du div "idOut":

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.paragraphe{
background-color: #DDDDDD;
width: 200px;
height: 200px;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
var chrono=null;
var duree = 500; //en ms
 
function mouseStop()
{
 document.getElementById("idOut").innerHTML="souris arr&ecirc;t&eacute;e";
 chrono = null;
}
 
function mouseMove()
{
 document.getElementById("idOut").innerHTML="souris en mouvement dans le div";
 
 if (chrono!=null)
 {
  clearTimeout(chrono); //reset du chrono
  chrono = null;
  chrono = setTimeout("mouseStop()",duree);
 }
 else
 {
  chrono = setTimeout("mouseStop()",duree);
 }
 
}
 
//arret du chrono si on sort du div
function mouseOut()
{
 document.getElementById("idOut").innerHTML="souris en dehors du div";
 
 if (chrono!=null)
 {
  clearTimeout(chrono);
  chrono = null;
 }
}
 
//-->
</script>
 
</head>
 
<body>
<div class="paragraphe" onmousemove="mouseMove()" onmouseout="mouseOut()">
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
</div>
<div id="idOut">&nbsp;</div>
 
</body>
 
</html>

**seb-oulba** · 04/08/2006, 12h44

Merci !

Comment savoir si la souris ne bouge plus ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager