如何防止在悬停在子下拉菜单上时隐藏鼠标离开？

Question

如果在 http://jsfiddle.net/MG4hw/12/ 上点击红色“开始”按钮，将显示一个 iframe 元素。当您将鼠标移开 iframe 元素时，它将再次隐藏。到目前为止，这是期望的行为。

然而，不希望的是，无论我何时在其中打开任何下拉菜单并悬停在下拉菜单上以选择值，iframe 也会被隐藏。这里的“任何”不仅指由我编写的 select-fields 这样的下拉菜单，还包括与输入字段相关的由 web 浏览器提供的自动完成建议等。

至少对于第一种情况（由我编写的 select-field），假设支持此类下拉菜单的代码如下（如果您成功滚动到最右侧，还可以在 fiddle 中找到相应的生日字段）：

<fieldset>
   <legend>Geburtstag</legend>
        <select name="birthDay" id="birthDay">
           <option value="tag">Day</option>
           <option value="01">01</option>
           <option value="02">02</option>
           <option value="03">03</option>
           <option value="04">04</option>
           <option value="05">05</option>
           ...
        </select>
</fieldset>

我应该如何防止iframe在悬停下拉菜单时消失？

非常感谢您的提前帮助！

- Pingui

Answer 1

这与这个问题有些关联。不要问我为什么，但是这个对我有效。

    $('#iframe_register').on("mouseleave", function (e) {
        if(e.relatedTarget != null) {
            $(this).hide();
        }
    });

- honk31

---

你真棒，再次感谢！现在我已经积累了足够的声望，我给你所有的答案都点了赞！如果你愿意发封邮件（你可以在我的个人资料中找到我的地址），我会很高兴知道我的英雄是谁！:-) - Pingui

谢了，但是在你的个人资料中找不到你的电子邮件。不过我可以给你一个提示。取我的名字中的四个字母，加上一个@符号，然后再加上这些数字和'nord'。现在只需要加上小数点和com，就可以找到我了。祝好！ - honk31