javascript - .blur（）上的setTimeout？

Question

我有一个菜单栏，它在悬停时显示一个子菜单栏，并在单击关闭选项时退出。我想要一个超时选项，以便子菜单在 5 秒后自行关闭。我正在尝试使用 .blur() 主菜单失去焦点，然后 setTimeout(function() {}, 5000); 对于超时部分，但事件未触发。有什么建议吗？（setTimeout(function() 中包含的代码与手动退出菜单的代码相同）

$('#main-nav li a.main-link').blur(function() {
    setTimeout(function () {
        $('#main-nav li a.main-link').removeClass('active');
        $('.sub-links').fadeOut();
        $('#sub-link-bar').animate({
            height: '0px'
        });
        $('#main-nav li a.close').fadeOut();
    }
    , 5000);

});

Answer 1

鼠标移出时模糊不会触发，但是当元素失去焦点时（以前只是表单元素，现在是任何类型的元素）。您可能想尝试mouseleave，或者更好，mouseout.