6 385
edições
Widget:Test: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Widget:Test (ver código-fonte)
Edição das 23h45min de 26 de dezembro de 2024
, 26 de dezembro de 2024sem sumário de edição
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 59: | Linha 59: | ||
if (!imageSearch.contains(event.target) && !dropdown.contains(event.target)) { | if (!imageSearch.contains(event.target) && !dropdown.contains(event.target)) { | ||
dropdown.style.display = 'none'; | dropdown.style.display = 'none'; | ||
} | |||
}); | |||
document.addEventListener('keydown', function(event) { | |||
if (event.key === 'ArrowDown') { | |||
const activeItem = document.querySelector('.dropdown-item.active'); | |||
if (activeItem) { | |||
activeItem.classList.remove('active'); | |||
const nextItem = activeItem.nextElementSibling; | |||
if (nextItem) { | |||
nextItem.classList.add('active'); | |||
} else { | |||
dropdown.firstChild.classList.add('active'); | |||
} | |||
} else { | |||
dropdown.firstChild.classList.add('active'); | |||
} | |||
} else if (event.key === 'ArrowUp') { | |||
const activeItem = document.querySelector('.dropdown-item.active'); | |||
if (activeItem) { | |||
activeItem.classList.remove('active'); | |||
const previousItem = activeItem.previousElementSibling; | |||
if (previousItem) { | |||
previousItem.classList.add('active'); | |||
} else { | |||
dropdown.lastChild.classList.add('active'); | |||
} | |||
} else { | |||
dropdown.lastChild.classList.add('active'); | |||
} | |||
} else if (event.key === 'Enter') { | |||
const activeItem = document.querySelector('.dropdown-item.active'); | |||
if (activeItem) { | |||
activeItem.click(); | |||
} | |||
} | } | ||
}); | }); | ||