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

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