Primero presione la tecla de tabulación, se resaltará el primer enlace, luego presione las teclas de flecha derecha para ver el enfoque saltando al siguiente nivel de navegación que avanza, de manera similar, una vez que hago clic en la tecla de flecha izquierda, el enfoque tiene que volver.

En el siguiente código, el código clave 39 funciona bien. ¿Puede alguien ayudarme una vez que presiono el código de tecla 37, el foco tiene que volver?

Código html completo en violín .

 <script> $('.we-mega-menu-ul>.dropdown-menu a').keydown(function (e) { if ([37, 39].indexOf(e.keyCode) === -1) { return; } var link = $(this); switch (e.keyCode) { case 37: // left arrow key // Make sure to stop event bubbling e.preventDefault(); e.stopPropagation(); if (link.parent('li').find('li').filter(':visible').first().length === 0) { link.parent('li').find('li').filter(':visible').last().find('a').first().focus(); } else { link.parent('li').find('li').filter(':visible').first().find('a').first().focus(); } break; case 39: // right arrow key e.preventDefault(); e.stopPropagation(); if (link.parent('li').find('li').filter(':visible').first().length === 0) { link.parent('li').find('li').filter(':visible').last().find('a').first().focus(); } else { link.parent('li').find('li').filter(':visible').first().find('a').first().focus(); } break; } }); </script>