当表单选择字段延伸到切换容器之外时，jquery 将鼠标悬停

发布于 2024-10-14 12:43:44 字数 479 浏览 2 评论 0原文

首先，这是我使用 jquery 的 html

<div class='container'>
  <div class='toolBar'></div>
  <div class='element'>
    <a href="#"><img src=''/></a>
    <form>
      <select name='albumSelect' class='albumSelect'></select>
    </form>
  </div>
</div>

，这样当容器悬停时它会显示表单，并在鼠标移开时隐藏。当然，问题是，当选择字段太长时，您将无法将鼠标悬停在容器元素上，并且表单会消失。

我应该测试表单是否具有焦点，如果是，则不要在鼠标移开时隐藏表单吗？有什么办法可以解决这个问题？

原文

First, here is the html

<div class='container'>
  <div class='toolBar'></div>
  <div class='element'>
    <a href="#"><img src=''/></a>
    <form>
      <select name='albumSelect' class='albumSelect'></select>
    </form>
  </div>
</div>

I'm using jquery so that when the container is hovered it shows the form, and hides on mouseout. Of course the problem is that when the select field is too long you lose hover on the container element and the form disappears.

Should i test if the form has focus, and if so do not hide the form on mouseout? What would be a way around this?

分享到QQ

分享到微博