Каковы лучшие практики обрабатывания нажатия клавиш с клавиатуры на сайте?

Question

[bulatmaster73]

Здравствуйте. У меня сайт на Django, сверстан на Bootstrap и на нём используются карусели (с картинками).
Мне нужно, чтобы карусель листалась стрелочками (физическими, которые на клавиатуре).
Другая задача - чтобы с esc клавиши закрывалось всплывающее окно.
Какой простейший для меня способ сделать это?
Какие вообще используются практики для обработки нажатий клавиатуры в веб-разработке?

Comments

[Вадим]

Мне нужно, чтобы карусель листалась стрелочками

А если карусели станет 2 на странице, то что тогда?
Так что согласно Web Content Accessebility Guidline карусель стоит реализовывать так

Там же сможете найти и пример для модалки. Но, в целом, логика такая - при вызове модалки вешать на документ слушатель нажатия кнопки esc, а в обработчике закрытия модалки - делать отписку от этого слушателя, чтобы не течь по памяти.

Answer 1

[MrColdCoffee]

Если у карусели есть кнопки вперёд/назад (в случае с модалкой - кнопка закрытия), то можно отловить нажатие на физические кнопки стрелок/esc и имитировать нажатие на кнопки.
Ещё можно вызывать ту же функцию, что привязана к событию клика по кнопкам