Javascript jQuery';s`mouseout`与密码管理器冲突

Javascript jQuery';s`mouseout`与密码管理器冲突,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试创建一个登录弹出窗口。我的意图是,当您将鼠标悬停在用户图标上时,弹出窗口将弹出。当鼠标离开弹出窗口时,它应该会消失 除了打开dashlane这样的密码管理器外,一切都正常。它在弹出窗口中创建一个区域,并提供自动完成登录表单的按钮。当我将鼠标悬停在这个区域上时,jQuery的mouseout事件被触发,并关闭弹出窗口 HTML: 这是大多数chrome扩展的一个问题。不仅是DASHLAN,而且是LASTPASS,表格填充剂等等。我不认为你应该认为这是对你工作的阻碍。您应该忽略它们,因为c

我正在尝试创建一个登录弹出窗口。我的意图是,当您将鼠标悬停在用户图标上时,弹出窗口将弹出。当鼠标离开弹出窗口时,它应该会消失

除了打开dashlane这样的密码管理器外,一切都正常。它在弹出窗口中创建一个区域,并提供自动完成登录表单的按钮。当我将鼠标悬停在这个区域上时,jQuery的mouseout事件被触发,并关闭弹出窗口

HTML:


这是大多数chrome扩展的一个问题。不仅是DASHLAN,而且是LASTPASS,表格填充剂等等。我不认为你应该认为这是对你工作的阻碍。您应该忽略它们,因为chrome扩展在后台运行,并且可以更改DOM元素。这可能很难避免此类操作,因为Dashlane本身会导致这种操作,并且您无法编辑它的工作方式。不过,我确实建议您通过mouseover切换登录屏幕,但即使mouseout也要让它保持打开状态。如果您计划在响应式设计服务上实现这一点,那么它也可以为移动设备提供更好的使用效果(当然,您还必须为mouseover提供一种替代方案)。
<nav>
  ...
  <div class='user-icon'>
    <div class='pop-in'>
      <form ...>
        <input type='email' />
        <input type='password' />
      </form>
    </div>
  </div>
</nav>
$('.pop-in').mouseleave(function() {
  closePopIn()
})