当鼠标悬停在子下拉菜单上时，如何防止鼠标悬停？

Question

如果在http://jsfiddle.net/MG4hw/12/中点击红色＆＃34;开始＆＃34; - 按钮，则会显示iframe元素。当您将鼠标悬停在iframe元素上时，它会再次隐藏。到目前为止，这是理想的行为。

然而，不希望的是，每当我在其中打开任何下拉菜单时，iframe也会隐藏，并将鼠标悬停在下拉菜单上以便选择值。通过任何，我的意思不仅仅是下拉菜单，例如由 me 编码的选择字段，而且还包括与输入字段相关的网络浏览器的自动填充建议。

至少对于第一种情况（由 me 编码的选择字段），让我们假设下面这样一个下拉菜单的代码如下（你也发现了如果你设法向右滚动，那么根据小提琴中的生日场：

<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消失？

非常感谢你！

Answer 1

这与this问题有某种关系。不要问我原因，但this对我有用。

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