<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>
这是到目前为止的代码,当我向下移动的项目使用键盘上的向下箭头,并点击回车,屏幕阅读器只是回到页面的顶部,而不是停留在我从子菜单中所做的选择。有人能帮忙吗?谢谢!
1条答案
按热度按时间g6baxovj1#
最有可能的是
<li>
上的onclick()。对于<button>
元素,onclick()事件是为**鼠标点击和回车键生成的。但是对于非交互式元素,比如一个列表项,你不会得到一个点击事件。当用户按回车键时,你必须监听onkeydown()或onkeypress()才能得到一个事件。