输入聚焦时，不要消失悬浮菜单

Question

最近，我试图制作一个可悬停的登录菜单，我想要的是，当用户单击输入（id或密码输入）之一时，使可悬停菜单出现，直到用户在元素外部单击为止。

因此，要理解它可能有点复杂，因此这里是一个示例： https : //www.superonline.net

如您所见，如果将鼠标悬停在标题中，则会出现登录框，并且当您将其悬停时，它就会消失。 此外，当您单击框中的输入之一时，只能通过单击框外的内容来仅使登录框消失，不知道该怎么做。

Answer 1

您应该能够使用JQuery来解决它，当您将鼠标悬停在要显示的元素上时，您将不得不使用Jquery伪造一个悬停/焦点。 这是我为防止此内容而在搜索栏上找到的代码。 逻辑完全相同。

$('.top-search-bar').blur(function() {
 if(mousedownHappened){
    $('.top-search-bar').focus();
    mousedownHappened = false;
 }
 else{
    $('.top-search-bar').removeClass('top-sb-nb');
    $('.input-results').removeClass('r-displayed');
 }
});

var mousedownHappened = false;
 $('.input-results').mousedown(function() {
    mousedownHappened = true;
});