如何通过按键盘上的Enter打开<select>菜单

Question

对于html菜单，单击选择将显示带有选项的下拉菜单，但是如何单击Enter键触发此操作。我尝试设置一个Keyup侦听器，该侦听器随后将触发“ click”事件，但菜单未显示

Answer 1

为什么不尝试更简单的方法？当Select选中Enter时，Select就会打开，因此基本上只需要在页面加载时自动对焦。示例：

<select id="dropdown" autofocus class="" name="">
 <option value="">Opt1</option>
 <option value="">Opt2</option>
 <option value="">Opt3</option>
</select>

如果您仍然想触发每次输入都被击中的事件，则可以执行以下操作：

window.addEventListener('keypress', function (e) {
 if (e.keyCode == 13) {
  document.getElementById("dropdown").focus();
 }
}, false);

基本上，在按下Enter键时选择“获得焦点”，然后可以再次按下以将其打开。