Показать сообщение отдельно
  #1 (permalink)  
Старый 18.07.2018, 12:39
Профессор
Отправить личное сообщение для s24344 Посмотреть профиль Найти все сообщения от s24344
 
Регистрация: 12.08.2015
Сообщений: 206

tabindex native javascript
Ребята, подскажите, пожалуйста, как мне решить следующую задачу:

У меня есть некий список элементов:
ul.nav__list
  li.nav__item
    a.nav__item-link
      span Players
  li.nav__item
    a.nav__item-link
      span Coaches
  li.nav__item
    a.nav__item-link
      span Refereed

div.navigation
  a(href="#") Navigation

Мне необходимо реализовать следующий функционал.
После загрузки документа, при нажатии на клавишу Tab, ссылки поочередно получают focus. Мне необходимо, чтобы порядок был слудующий. После фокуса на первой ссылке:
a.nav__item-link

при следующем нажатии на кноку Tab, у меня фокус перешел на:
a(href="#") Navigation

Затем на вторую ссылку:
a.nav__item-link

А после этого сноав на:
a(href="#") Navigation

Далее на третью ссылку
a.nav__item-link

И при следующем нажатии на Tab снова на:
a(href="#") Navigation

И так далее.

И наиболее важный вопрос: как мне в момент фокуса ссылки, вызывать какой либо обработчик.
Пример логики, которую я хочу реализовать есть на следующем сайте:
http://www.kentfa.com/
Ответить с цитированием