tengo una lista como

 <ul> <li class="first"></li> <li></li> <li></li> <li></li> <li class="last"></li> </ul>

Ahora, si uno usa la tecla de tabulación para moverse por esta lista, después del último elemento, el enfoque salta a un punto específico de la página. Ningún problema hasta ahora:

 // using the 'focusout' eventListener: if (event.target.classList.contains('last')) { document.querySelector('#go-here-after-last').focus(); }

Ahora, necesito lograr lo mismo pero en la otra dirección. Muevo el foco con SHIFT+TAB un paso atrás, y presiono el elemento con la clase "primero".

Ahora focusout activa cada vez, pero solo necesito que "el enfoque se active al retroceder"

mirar el evento muestra un event.relatedTarget , que parece ser el siguiente objetivo original, pero eso no es seguro de usar en mi caso.

¿Hay alguna manera de lograr algo como una "detección de enfoque inverso"?

Gracias