mousemove vs mouseover vs algo más

Tengo que vincular un área de un evento de mouse de image

solo piense en la label de image de Facebook por un segundo, cuando coloca la cara: le muestra el nombre, ¿sí?

Bueno, hice una cosa muy similar, pero con maps y nombres de ciudades, vale, aquí vamos:

$('img#mapMundi').bind('mousemove',function(e){ x = getX(); y = getY(); var found = find(x, y); if (found == undefined) { console.log('There is no tagged city for this position'); } else { show(found); } }); 

Y esto funciona muy bien, muestra la label deseada (con animation y demás) pero solo mientras el mouse se mueve en el área, así que si te mueves al área y dejas el mouse allí (ya que no se mueve) desaparecerá,

Y si uso .bind ('mouseover') no funcionará porque cuando colocas la image siempre en uno de los bordes,

¿que sugieres?

Puede combinar may mouseover o mouseenter y mousemove

http://api.jquery.com/mousemove/

http://api.jquery.com/mouseenter/

Entonces cuando mouseenter -> mousemove

mouseleave -> no hacer nada?

 var int = null; $('#element').hover(function() { int = setInterval(someFunc, 100); }, function() { clearInterval(int); }); function someFunc() { DO YOUR MOUSEMOVE THINGS } 

en mouseover setInterval con una function que verificará la position del mouse cada segundo, y en mouseout borrará ese intervalo

Si usa jQuery, .hover () proporciona mouseover y mouseout