javascript - funcion - Verifique en qué elemento se encuentra el cursor sobre la tecla de mouse() con jQuery

javascript asignar eventos dinamicamente

Question

Tengo un conjunto de elementos de lista ( <li> dentro de <ul> ) dispuestos como burbujas en una tabla como esta, donde las burbujas son los elementos <li> :

http://i.stack.imgur.com/PR7vR.png

Quiero poder detectar la diferencia entre

1. Mover el mouse de la burbuja # 1 a la cuadrícula
2. Mover el mouse de la burbuja # 1 directamente a otra burbuja, como la burbuja 2

.mouseleave() usar $(this) en .mouseleave() incluso para una burbuja, pero registra el elemento que estás dejando en lugar del elemento sobre el que te estás moviendo.

¿Alguna idea sobre cómo obtener el elemento sobre el que el mouse se está moviendo en la mouseleave() de mouseleave() ?

Answer 1

Necesitas usar event.toElement || e.relatedTarget event.toElement || e.relatedTarget :

$(''li'').mouseleave(function(e)
{
    // new element is: e.toElement || e.relatedTarget
});

(Editado para tener en cuenta || e.relatedTarget para garantizar la compatibilidad del navegador)

Answer 2

Si puede usar javascript de ordinarey, cada evento (e) que pasa el mouse y el mouse out tiene un e.related Target en la mayoría de los navegadores. IE antes de # 9 tiene event.toElement y event.fromElement, dependiendo de si está escuchando un mouseover o mouseout.

somebody.onmouseout=function(e){
  if(!e && window.event)e=event;
  var goingto=e.relatedTarget|| event.toElement;
  //do something
}
somebody.onmouseover=function(e){
  if(!e && window.event)e=event;
  var comingfrom=e.relatedTarget|| e.fromElement;
  //do something
}