webinfo

Да, в вашем случае работает. Благодаря тому, что элемент <li> полностью заполняется элементом <a>. Так что сойдёт.

        $('.nav-top__sp ul li:last-child a').focusout(
                function () {
                        $(this).parents('.nav-top__sp').removeClass('focus-menu');
                }
        );

Вот с этим сложнее, могу только сделать, чтобы при любом клике оно пропадало

        $('*').on('click', function(){
                $('.nav-top__sp').removeClass('focus-menu');
        });

Чтобы за пределами - простого ничего в голову не приходит.

А если так сделать?

ytMusic.default.searchMusics('Never gonna give you up')

Какое тут может быть мнение, если это факт? Увидев ноуиндекс, робот страницу не индексирует. Поэтому каноникал можно хоть писать, хоть не писать - результат одинаковый.

Хотя Джон Мюллер считает, что не следует их употреблять одновременно, дабы не морочить роботу мозг:

Скорее всего, ничего не импортировалось. Проверьте console.log(ytMusic).

Это я так с ходу не скажу. Как-то логику скрипта менять, чтобы при переходе на пункт подменю класс с родительского пункта не убирался. Там на самом деле разные варианты могут быть.

Как там Милторг? 🤔

У вас подменю скрытое, если нет того самого класса. Как только уходит фокус с основного пункта, класс убирается и подменю скрывается, поэтому на нём код не срабатывает. Надо сделать так, чтобы подменю не скрывалось.

Я проверял, всё работает.

Наверное, так:

$(document).ready(function () {
        $('.nav-top a').focus(
               function () {
                        $(this).parents('.nav-top__sp').addClass('www');
                }
        );
        $('.nav-top a').focusout(
                function () {
                        $(this).parents('.nav-top__sp').removeClass('www');
                }
        );
});

Плагин для этого не нужен. Нужно просто прописать нужный код CSS.