Question

在select enter click上，默认情况下会提交表单。根据可访问性标准，如果将焦点放在enter click上的select元素上，则应打开列表项。我想知道是否可以使用本机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事件来触发click事件，但是它不起作用

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

Answer 1

我敢肯定，将自动提交表单的唯一元素是“提交”按钮。

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

或

<button>foo</button>

（type元素的默认<button>是“提交”）

<select>未定义为提交表单。您确定在按 enter 时将焦点放在

网络可访问性：html本机下拉菜单-在输入菜单上单击打开菜单项

2 个答案: