当输入被聚焦时，不会消失可隐藏的菜单

Question

最近我正在尝试创建一个可登录的登录菜单，我想要的是当用户点击其中一个输入（id或密码输入）时，会显示可浏览的菜单，直到用户点击元素外部。

所以，理解它可能有点复杂，所以这里有一个例子： https://www.superonline.net

正如你们所看到的，如果你在标题中悬停“Giriş”，就会出现登录框，当你取消它时会消失。更重要的是，当您单击框中的一个输入时，您只能通过单击框外部来消失登录框，并想知道如何执行此操作。

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;
});