Skip to content

Instantly share code, notes, and snippets.

@chrisryana
Last active April 28, 2020 17:33
Show Gist options
  • Select an option

  • Save chrisryana/92141ae4b8741f29d0fccd679e193409 to your computer and use it in GitHub Desktop.

Select an option

Save chrisryana/92141ae4b8741f29d0fccd679e193409 to your computer and use it in GitHub Desktop.
Скрываем фокус правильно – Александр Плесовчких https://www.youtube.com/watch?v=SDME7hqQOg8&t=2s
// Если пользователь управляет сайтом с помощью мышки, outline скрывается
// Если начинает управлять клавиатурой, outline ставится на элементе следующем после
// того, с которым взаимодействовал пользователь
// Обратить внимание на радио кнопки, фокус не появляется на них при управлении с клавиатуры
let lastDown, lastDownAt;
document.addEventListener('mousedown', e => {
lastDown = e.target;
lastDownAt = Date.now();
})
document.addEventListener('focusin', e => {
if (Date.now() - lastDownAt < 999) {
e.target.blur();
}
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment