网络辅助功能:html 本机下拉菜单 - 点击回车打开菜单项

web accessibility : html native dropdown - open menu items on enter click

在 select 上单击输入,默认情况下会根据可访问性标准提交 on.As 表单,如果焦点在 select 元素上,则在输入单击时应打开列表 items.I想知道是否可以使用符合可访问性标准

的原生 select 元素制作可访问的下拉列表
<div class="custom-dropdown">
    <select id="cities" name="select">
       <option value="1">Delhi</option>
       <option value="2">Mumbai</option>
</select>``
</div>

我已阻止默认提交行为。

$('.custom-dropdown').keydown(function (event) {
      if (event.keyCode == 13) {
        event.preventDefault();
        return false;
      }
});

我试过 keyup 事件来触发点击事件,但它不起作用

$('#cities').keyup(function (e) {
      if (e.keyCode == 13) {
        $("#cities").trigger("click");
      }
    });

我很确定唯一会自动提交表单的元素是提交按钮。

<input type="submit" value="foo">

<button>foo</button>

<button> 元素的默认 type 是 "submit")

<select>没有定义为提交表单。当您按 enter 时,您确定焦点在