Как сделать, чтобы при нажатии на поле вокруг формы она закрывалась?

Question

[vladimir_html]

Есть некая кнопка, при нажатии на неё выкатывается форма

Как сделать, чтобы при нажатии не на форму, она закрывалась?

Comments

[Антон Федорян]

код, который её открывает тоже самим придумывать?

[vladimir_html]

Антон Федорян: извиняюсь, форма при нажатии на кнопку в jsfiddle не отображается, просто думал, может есть какие то известные способы

[Антон Федорян]

1
2
3
4
5

Answer 1

[Сергей Горячев]

При клике на Войти, открывать не только форму, но и див с прозрачным фоном.
Уровни z-index, для примера, у прозрачного дива 9, у самой формы 10, чтобы была выше.
Тогда и при клике на этот див, назовем его к примеру .form__transparent уже закрывать.

Comments

[vladimir_html]

Спасибо, а я и не додумался!

Answer 2

[Николай]

При открытии формы вешаем обработчик клика на document.
В обрабочике по target смотрим куда был клик, и если клик был вне нашего элемента - закрываем форму и удаляем обработчик.

Comments

[vladimir_html]

с javascript знаком слабо, можете объяснить, или дать ссылки - я почитаю

[Николай]

https://learn.javascript.ru/event-delegation