Я пытаюсь сделать простое всплывающее окно <div>
, предназначенное для отображения координат мыши, когда пользователь перетаскивает указатель мыши. Это всплывающее окно появляется внизу справа от указателя мыши. Подложка div
имеет свои очень важные обработчики событий мыши (например, .mousemove()
). Всплывающее окно div
довольно далеко от указателя мыши (около 16 пикселей вниз и 16 пикселей вправо). Допустим, пользователь изменяет размер некоторого объекта, и это всплывающее окно отображает новый размер этого объекта. Хорошо. если пользователь медленно изменяет размер объекта. Но как только пользователь резко изменяет размер объекта и указывает всплывающее окно div
, нижележащий элемент div
теряет фокус, а его обработчик событий, отвечающий за изменение размера, «ломается» (это как указатель мыши) забывает "базовый div
), потому что он вообще не предназначен для наложения div
-s.
Есть ли возможность подавить всплывающие div
события мыши, позволяющие нижележащим div
событиям идти строго непрерывно ?
Я пробовал что-то подобное:
var BLACK_HOLE = function(e) {
e.preventDefault();
e.stopPropagation();
return false;
};
$popUp
.click(BLACK_HOLE)
.dblclick(BLACK_HOLE)
.focusin(BLACK_HOLE)
.focusout(BLACK_HOLE)
.hover(BLACK_HOLE)
.mousedown(BLACK_HOLE)
.mouseenter(BLACK_HOLE)
.mouseleave(BLACK_HOLE)
.mousemove(BLACK_HOLE)
.mouseout(BLACK_HOLE)
.mouseover(BLACK_HOLE)
.mouseup(BLACK_HOLE);
Это не работает так, как мне нужно. Кто-нибудь получал такую же проблему? Можно ли это обойти? Возможно, для этого есть полный плагин jQuery ... Смущенный ...
Заранее спасибо.