jQuery - проверяет, находится ли курсор мыши внутри 2 элементов (из события mouseover)

Question

У меня есть функция всплывающей подсказки, в которой у меня есть событие mouseout для 2 элементов.Эти два элемента являются родительскими (один в другой).

В этом событии мне нужно проверить, находится ли курсор мыши за пределами этих двух элементов.Как я могу это сделать?

Answer 1

Вместо mouseout вы можете использовать mouseleave для этого:

$("#parentID").mouseleave(function() {
  alert("you have left the parent");
});

Где mouseout срабатывает при вводе потомка, mouseleave - нет, он срабатывает только при выходе из родительского элемента, с которым связано событие.

Из документов:

Событие mouseleave отличается от mouseout тем, как оно обрабатывает всплывающее событие. Если бы в этом примере использовалось mouseout , то, когда указатель мыши перемещался из внутреннего элемента, сработал бы обработчик. Это обычно нежелательное поведение. Событие mouseleave , с другой стороны, запускает свой обработчик только тогда, когда мышь покидает элемент, с которым она связана, а не потомок.