javascript - 用鼠标移动打开选择选项

Question

这个问题已经有答案了:

Trigger click on select box on hover (6 个回答)

已关闭 7 年前。

如何在不单击鼠标的情况下打开选择。我需要鼠标移动打开:

<select id="sel" onmouseover="???open the option list??" onmouseout="???close the option list??">
    <option>One</option>
    <option>Two</option>
    <option>Three</option> 
</select>

还有 jquery 的 $('#sel').trigger('mousedown');不起作用。我不想要mousover="this.size=3" onmouseout="this.size=1".有人可以给一个简单的代码吗？

Answer 1

open dropdown list from javascript function

Is it possible to use JS to open an HTML select to show its option list?

Can I open a dropdownlist using jQuery

看来答案是否定的。除非它只能在 Chrome 中运行:

HTML

<select id="sel" class="dropdown">
    <option>One</option>
    <option>Two</option>
    <option>Three</option> 
</select>

JS

var dropdown = document.querySelector('.dropdown');
var event = new MouseEvent('mousedown');

dropdown.dispatchEvent(event);