Ragtime_Kitty
@Ragtime_Kitty

Как реализовать навигацию без мышки?

Каким образом в вебе можно реализовать управление с помощью стрелок? То есть как на телевизорах, приставках, консолях или в любом другом интерфейсе, где для управления используются пульт/геймпад со стрелками.

Как перемещать курсор? Как определять направление и на каком элементе должен быть фокус после нажатия стрелки?

Есть примеры или инфа где почитать про это?

  • Вопрос задан
  • 164 просмотра
Пригласить эксперта
Ответы на вопрос 3
profesor08
@profesor08 Куратор тега JavaScript
Дополнительно к слушателю нажатий на кнопки, задай элементам tabIndex чтоб можно было переключаться по ним с помощью TAB.
Ответ написан
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Для этого и есть tabindex. А своим кастомным JS по нажатию кнопок вы ставите фокус на элемент со следующим его значением. Достаточно просто, и, в-общем, совместимо со всякими разными a11y
Ответ написан
@vladdimir
Верстальщик
a11yproject.com/posts/navigate-using-just-your-keyboard
Вот тут близко к вашей теме.
А как-то двигать курсор напрямую и кода в рамках браузера, нельзя.
Можно попробовать скрыть настоящий курсор, создать блок-курсор, повесить на страницу слушатели событий и по этим событиям двигать этот блок как настоящий курсор.
index.html
<div class="custom-cursor"> </div>


style.css
body {
cursor: none;
}
.custom-cursor {
// стили кастомного курсора
}


scripts.js
class CustomCursor { ... } 
// реализация поведения кастомного курсора. Должен уметь, наводиться на 
//другие элементы (hover), кликать и перемещаться по странице.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
26 нояб. 2020, в 00:27
500 руб./в час
25 нояб. 2020, в 23:13
1000 руб./за проект
25 нояб. 2020, в 22:43
800 руб./в час