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

Discussions similaires

Partager

Partager