Зафиксировать цвет выбора ссылки
Реализую "живой поиск". Сейчас когда я нажимаю стрелку вниз у меня выбирается ссылка и цвет меняется на синий. Потом тут же меняется на исходный цвет. Я хочу чтобы при выборе цвет менялся и фиксировался. Чтобы визуально акцентировать текущий выбор.
document.getElementById("keyword").addEventListener("keyup",function(event){
var livesearchelem = document.getElementById("datafetch");
var childrens = livesearchelem.getElementsByTagName("a");
var key = event.keyCode;
var selected = this.selectedResultNumber;
if (key == 38){ //Arrow up
if (childrens.length === 0){ return; }
if (!selected){
childrens[childrens.length - 1].style.backgroundColor = 'blue';
this.selectedResultNumber = childrens.length - 1;
}
else if (selected > 1){
childrens[selected - 2].style.backgroundColor = 'blue';
this.selectedResultNumber--;
}
}
else if (key == 40){ //Arrow down
if (childrens.length === 0){ return; }
if (!selected){
childrens[0].style.backgroundColor = 'blue';
this.selectedResultNumber = 1;
}
else if (selected < childrens.length){
childrens[selected].style.backgroundColor = 'blue';
this.selectedResultNumber++;
}
}
else if (key == 13){ //Enter key
if (childrens.length === 0){ return; }
childrens[selected - 1].click();
}
else{
delete this.selectedResultNumber;
}
});