Ребята, подскажите, пожалуйста, как мне решить следующую задачу:
У меня есть некий список элементов:
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/