javascript 如何使子菜单可访问(搜索栏)

u3r8eeie  于 2022-12-28  发布在  Java
关注(0)|答案(1)|浏览(113)
<button
 id="menu_button"
 type="button"
 onClick={handleSearch}
 aria-haspopup="true"
 aria-controls="menuItems">
  {Value}
</button>

<ul className="search-dropdown" id="menuItems" 
    role="menu" aria-labelledby="menu_button">
 <li onClick={changeSearch()} role="menuitem">
  <span className=" "> {options} </span></li></ul>

这是到目前为止的代码,当我向下移动的项目使用键盘上的向下箭头,并点击回车,屏幕阅读器只是回到页面的顶部,而不是停留在我从子菜单中所做的选择。有人能帮忙吗?谢谢!

g6baxovj

g6baxovj1#

最有可能的是<li>上的onclick()。对于<button>元素,onclick()事件是为**鼠标点击和回车键生成的。但是对于非交互式元素,比如一个列表项,你不会得到一个点击事件。当用户按回车键时,你必须监听onkeydown()或onkeypress()才能得到一个事件。

相关问题