обработчик можно повесить прямо на document, подсветку можно делать стилями. div'ы и фокус несовместимы по умолчанию.

а с какими аргументами фокус вызывать?

а то в консоли пишу focus() - ничего

это метод элемента

function navigate(){
    try{
        var thisElem = document.activeElement;
        var prevElem = document.querySelectorAll("[tabindex='"+Number(thisElem.getAttribute("tabindex"))-1+"']");
        var nextElem = document.querySelectorAll("[tabindex='"+Number(thisElem.getAttribute("tabindex"))+1+"']");
        console.log(thisElem);
        console.log(prevElem);
        console.log(nextElem);
    }catch(e){
        var elem = document.querySelector("[tabindex='"+4+"']");
        console.log(elem);
        elem.focus();
}
}

не фокусится никак

ты в кэтче фокусишь

откуда у тебя там исключения?

ну так у меня и кэтч пока что и работает

когда элемент вне фокуса

Ищу либу\решение для реализации логики:
если елмент попал в viewport то единоразово выполнить скрипт
https://github.com/imakewebthings/jquery-waypoints не предлогать, у меня он не работает (ошибка r.getClientRects is not a function ), вроде как рекомендуют понизить версию итд но это не вариант, поэтому ищу альтеранативы

у тебя сколько логов появляется?

один

для элементов онфокус стиль другой, поэтому точно не фокусируется

просто табом тоже не фокусируется?

тебе же сказали что фокус и div не совместимы, твердолобик

сразу доку смотреть нужно

google: MDN div tabindex (а лучше сразу задачу напиши)

выбора всего два: либо котролировать перемещение фокуса на всей странице, либо пусть это делает браузер со своим tab'ом.

на этом диве указан табиндекс