Подтвердить что ты не робот

Как проверить, что курсор наводится на элемент с помощью JQuery

Можно проверить, наводится ли курсор на элемент.

Что-то вроде

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

ПРИМЕЧАНИЕ. Я просто хочу проверить не установленное событие.

4b9b3361

ОТВЕТЫ

Ответ 1

.is(':hover');

или

$('#divId:hover');

Ответ 2

Обновленный ответ!

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

Тестирование, если оно зависает...

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

Ответ 3

Вы можете использовать jQuery hover(), mouseenter() или mouseover()

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

Это приведет к срабатыванию мыши и мыши. Вы можете добавить отдельные обработчики событий для каждого.

Итак, если вы хотите сделать что-то вроде if hovering over #divId increase x by one, and when you stop hovering decrease y by one:

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

Если вы действительно хотите 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) { ...

Попробуйте это с помощью jsFiddle

Например:

$(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.");
    });
});

Ответ 4

Вы можете использовать . hover(). Его можно использовать так:

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

Пример использования этого документа из документации:

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