仅当标签焦点使用 jQuery 时，如何将 class 添加到元素

Question

我需要将 css class 添加到由 Tab 键聚焦的元素中。 我可以通过使用 jquery 的 focusin 和 focusout 事件来做到这一点。

但是当使用鼠标单击聚焦时，我不需要添加 class 。 我怎样才能做到这一点？ 下面是我的代码

 $('#main-nav').focusin(
        function () {
            $(this).find('.submenu').addClass('focused');
        }
    );
    $('#main-nav').focusout(
        function () {
            $(this).find('.submenu').removeClass('focused');
        }
    );

先感谢您...

Answer 1

您好，我想我不完全理解这个问题，但这可能是您的解决方案。

$(window).keyup(function (e) {
    var pressedKey = (e.keyCode ? e.keyCode : e.which);
    if (pressedKey == 9 && $('#somethingWaitingForFocus').is(':focus')) {
        $('#somethingWaitingForFocus').addClass('focused');
    } else {
        $('#somethingWaitingForFocus').removeClass('focused');
    }
});