javascript - pasar - obtener elemento por id jquery

¿Cómo puedo comprobar si el cursor está sobre un elemento utilizando JQuery?

Question

Es posible verificar si el cursor está sobre un elemento.

Algo como

 $("#divId").is("hover");

NOTA: Solo quiero comprobar el evento no establecido.

Answer 1

Dependiendo de lo que esté haciendo ya sea mouseover() ( mouseover() ) o hover() ( .hover() ) puede ser útil.

Answer 2

Puede usar el hover() , hover() o mouseover() jQuery

$("#divId").hover(function() { alert("hovering"; });

Esto se activará en mouseenter y mouseleave. Puede agregar controladores de eventos separados para cada uno.

Entonces, si quieres hacer algo como, if hovering over #divId increase x by one, and when you stop hovering decrease y by one :

$("#divId").hover(function() { ++x; }, 
                  function() { --y; });

Si realmente quieres una if hovering estás if hovering :

var hovering = 0;
$("#divId").hover(function() { hovering = 1; },
                  function() { hovering = 0; });
...
// Then inside somewhere useful. Maybe in a setInterval, or triggered by
//    another action...
if (hovering) { ...

Pruébalo con este jsFiddle

Por ejemplo:

$(function() {
    var hovering = 0;
    $("div").hover(function() { hovering = 1; },
                   function() { hovering = 0; });

    $(document).keyup(function() {
         if (hovering) alert("hovering!");     // This is the "if hovering"
         else          alert("not hovering.");
    });
});

Answer 3

Puedes usar .hover() . Se puede usar como tal:

$("selector").hover(
    function (){
        //mouse over
    },
    function (){
       //mouse out
    }
);

Un ejemplo de su uso de la documentación está aquí:

$("li").hover(
  function () {
    $(this).append($("<span> ***</span>"));
  }, 
  function () {
    $(this).find("span:last").remove();
  }
);

Answer 4

Respuesta actualizada!

$("#foo").hover(function() {
    $(this).data("hovered", true);
}, function() {
    $(this).data("hovered", false);
}); 

Probando si está suspendido ...

if ( $("#foo").data("hovered") ) {
    // it is hovered
} else {
    // it''s not hovered
}

Answer 5

.is('':hover'');

o

$(''#divId:hover'');