Закрытие попапа при нажатии на клавишу Escape с использованием JavaScript
Узнайте, как реализовать закрытие модального окна или попапа, нажимая на клавишу Escape с помощью JavaScript. Этот трюк особенно полезен для улучшения пользовательского опыта и удобства взаимодействия с веб-страницей.
![](https://img.youtube.com/vi/k5-lJG0gml8/0.jpg)
14 Handling an Esc Keypress Event
Добавьте обработчик события к разметке попапа, чтобы при нажатии на клавишу Escape вызывалась функция закрытия попапа.
![](https://blog.web5x.ru/wp-content/uploads/2020/03/2020-03-21_16-28-37.png)
![](https://img.youtube.com/vi/JVtCgz4ND6E/0.jpg)
Блокчейн-юристы все более востребованы - Какие навыки нужны от юристов в блокчейн-сфере?
![](https://denezhnye-ruchejki.ru/wp-content/uploads/2019/04/screenshot_22.jpg)
![](https://img.youtube.com/vi/LcHXs4352Ps/0.jpg)
JS-решения №2. Модальные окна на чистом JS
Внутри функции закрытия попапа используйте метод элемента, чтобы скрыть или удалить попап из DOM-дерева.
![](https://www.makalu.it/2345-thickbox_default/g3-axle-splitboard.jpg)
![](https://img.youtube.com/vi/pqwfG_HZbEQ/0.jpg)
javascript - Which keycode for escape key with jQuery
![](https://habrastorage.org/getpro/habr/upload_files/ef2/2cc/97c/ef22cc97c074a9a274ce00e9f9b692ce.png)
Для более удобного использования можно также добавить обработчик события, чтобы попап закрывался при клике вне его области.
![](https://img.youtube.com/vi/0CtrYIZZC88/0.jpg)
jQuery : How can I close a modal popup on hitting escape?