Question

当您按下键盘上的Tab键时，我想触发相同的.hover功能（如下所示）。

$('.staffContainer .item').hover(
                function() {
                    $(this).find('.staff-layer').fadeIn("fast");
                    $(this).find('.work-description').fadeIn("fast");
                    $(this).find('img').addClass('transition');
                },
                function() {
                    $(this).find('.staff-layer').fadeOut("fast");
                    $(this).find('.work-description').fadeOut("fast");
                    $(this).find('img').removeClass('transition');
                }
            );
        });

Answer 1

标签按钮不会生成hover事件，它会生成focus和blur个事件。要实现您正在寻找的功能，您可以执行以下操作：

function active() {
    $(this).find('.staff-layer, .work-description').fadeIn("fast");
    $(this).find('img').addClass('transition');
}
function inactive() {
    $(this).find('.staff-layer, .work-description').fadeOut("fast");
    $(this).find('img').removeClass('transition');
}
$('.staffContainer .item').hover(active, inactive).focus(active).blur(inactive);

Answer 2

你可以使用＆＃39;模糊＆＃39;事件：

$('.staffContainer .item').bind('blur',
            function() {
                $(this).find('.staff-layer').fadeIn("fast");
                $(this).find('.work-description').fadeIn("fast");
                $(this).find('img').addClass('transition');
            },
            function() {
                $(this).find('.staff-layer').fadeOut("fast");
                $(this).find('.work-description').fadeOut("fast");
                $(this).find('img').removeClass('transition');
            }
        );
    });

使用Tab键启动相同的.hover功能

2 个答案: