Если мышь не находится на элементе xyz более x миллисекунд, тогда выполните xyz (в jquery pls)

Question

Я хочу сделать это:

Если мышь НЕ находится на элементе 1 и элементе 2, то сделайте это

У меня есть скользящее меню. Если пользователь щелкает мышью в области меню, меню должно закрыться само собой. Область меню состоит из 2 отдельных элементов: заголовок меню и область меню, расположенная под меню.

Я уже узнал, как навести курсор мыши на область меню.

$('#menu_area').bind('mouseout', function() {

    $(this).slideUp(1000);

    });

Теперь я хочу сделать и то и другое: указатель мыши на области меню и заголовки меню.

Теперь проблема в том, что если я наведите курсор на заголовки меню, область меню закроется сама, и я не хочу, чтобы это делалось.

Answer 1

Добавьте родительский div или любой другой контейнер для заголовка меню и области меню.Записать событие mouseout / mouseleave для родительского элемента управления.

Второй подход (это может быть не чисто)

1. Записать событие mouseenter для элементов управления заголовка и меню.Попробуйте установить глобальные переменные, такие как «mouseOnTitle» или «mouseOnMenu», в значение true.
2. Записать событие mouseleave и установить указанные выше глобальные переменные в Falise. Используйте dleay, чтобы подождать несколько миллисекунд, и проверьте, является ли любая из глобальных переменных истиннойЕсли оба ложные, скрыть меню