使用鼠标移动操作选择选项

opeining select option with mousemove

本文关键字:选择 选项 操作 移动 鼠标      更新时间:2023-09-26

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

<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".有人能给出一个简单的代码吗?

从javascript函数打开下拉列表

是否可以使用JS打开HTML选择以显示其选项列表?

我可以使用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);

您可以使用jquery来处理它。

$( "div" ).mousemove(function( event ) {
  //do whatever you want
});

jquery对我来说很好:)https://api.jquery.com/mousemove/