javascript - onmouseout 时如何关闭组合框？

Question

如何在 onmouseout 时关闭组合框？

<select onmouseout="">
 <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="mercedes">Mercedes</option>
 <option value="audi">Audi</option>
</select>

Answer 1

你不能(可靠地)做到这一点。出现的弹出窗口无法以编程方式进行操作，即打开或关闭，其行为由浏览器(或操作系统)定义。

为了进一步扩展，IE 和 Firefox 都可以通过模糊选择元素来关闭弹出窗口:

selectEl.blur();

尽管如此，即使您将鼠标移动到弹出窗口中的选项，mouseout 事件也会触发，因此它需要一点黑客魔法。在 Chrome 中，它会模糊选择元素，但框将保持打开状态。

通常最好不影响 UI 组件的行为，以便用户通过与您的网站交互获得他们期望的体验。