Event dragleave et dragenter sur body

[Bonsuere]

Bonjour à tous,

Je cherche, à la manière de gmail à faire du DND en html5. Tout fonctionne sauf très bien sauf que j'ai un soucis et que je ne trouve pas de solution:

Exemple du problème:
Je bind sur le body les évènements dragleave et dragenter

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
document.body.addEventListener("dragenter", dragEnter, true);
document.body.addEventListener("dragleave", dragLeave, true);
 
function dragEnter(evt)
{
	Prototype.Browser.log('drag enter');
	// ...
}
 
function dragLeave(evt) 
{
	Prototype.Browser.log('drag leave');
	// ...
}

Voilà ce que j'obtient si je fais drag un fichier dans ma page (qui contient plein de div etc) et que je bouge le curseur sur toute la page:

Code :

1
2
3
4
5
6
7
8
9
 
drag start
drag start
drag leave
drag start
drag leave
drag start
drag leave
...

Au lieu de n'avoir qu'un seul enter lorsque je passe sur la page et un leave lorsque j'en sort.
Cela semble être du au fait que le start et leave et déclenchée à chaque survol d'un élément html (div, span, p , li etc)...

J'ai essayé plusieurs techniques (en prototype et en jquery http://stackoverflow.com/questions/3...-like-gmail-do) qui ne fonctionnent pas.

Une idée?