Как обрабатывать клики на документе только при открытом меню?

Question

[Сергей]

Задача сделать выпадающее меню, которое должно закрываться при клике в любое место страницы, кроме самого меню.

При такой реализации оно, в принципе, работает как надо, но получается что клики по документу обрабатываются все время, даже если меню ни разу не открывалось
Вопрос в том как сделать так, чтобы обработчик вешался на документ только при открытом меню и удалялся при его закрытии?

Answer 1

[Александр Вульф]

Ну так вешайте при открытии и снимайте при срабатывании.

jsfiddle.net/n2gf21fc/2

Comments

[Александр Аксентьев]

какая-то фигня выходит. Если много раз открыть закрыть меню, то потом алерт вылезает подряд столько раз сколько на меню кликнули.

[Сергей]

Ну это и в моем и вашем случае обработчики в очередь становятся и меню будет "хлопать" если на него несколько раз кликнуть
но, в целом, это как раз то что нужно

Answer 2

[Александр Аксентьев]

jsfiddle.net/n2gf21fc/3
Или как-то так, эвент все равно остается, но выполняться не будет весь код

Comments

[Сергей]

Ну кода там и так не много:) хотелось бы совсем без него

[Александр Аксентьев]

@DuDDiTs: чтобы совсем без него надо проверять открываем мы или закрываем меню. При открытии включать обработку кликов, при закрытии отключать. Комментатор сверху правильно сказал, но сделал почему-то совсем другое.

[Александр Аксентьев]

@DuDDiTs: свосем правильное решение jsfiddle.net/n2gf21fc/4 Без всяких очередей и т.д. четко вкл/выкл :)

[Сергей]

Александр Аксентьев: Ну или так) Хотя меню все равно "хлопает" если на него несколько ра кликнуть

[Александр Аксентьев]

@DuDDiTs: вы же не писали что оно не должно хлопать. Это нормальное поведение toggle. Или вы хотите убирать обработчик с самого меню? Так оно вообще работать не будет.

[Сергей]

Не писал и не просил. Я же напсал - последнее ваше решение тоже ОК)

[Александр Аксентьев]

@DuDDiTs: я просто не понимаю почему вы акцентируете внимание на хлопании. Может быть мы вас неправильно поняли. Пытаюсь уточнить :)