我正在尝试创建一个登录弹出窗口。我的意图是当你将鼠标悬停在用户图标上时,弹出窗口弹出。当鼠标离开弹出窗口时,它应该消失。
除非我打开像dashlane这样的密码管理器,否则一切正常。它在pop-in中创建了一个区域,其中的按钮用于自动完成登录表单。当我将鼠标悬停在此区域上时,会触发jQuery的mouseout事件,并关闭弹出窗口。
HTML:
<nav>
...
<div class='user-icon'>
<div class='pop-in'>
<form ...>
<input type='email' />
<input type='password' />
</form>
</div>
</div>
</nav>
JS:
$('.pop-in').mouseleave(function() {
closePopIn()
})