菜单按钮演示
设计说明
- 支持键盘,鼠标互操作
- 符合 wai-aria 规范
- 构建组件层次
使用说明
-
tab 移动焦点到按钮:按钮周边粉框
-
按钮获得焦点时点击上或下键,弹出菜单
- 或点击按钮弹出菜单
-
菜单弹出后,上下键选择菜单项
- 或通过鼠标掠过
-
带有子菜单的菜单项通过右键激活子菜单,左键收缩子菜单
- 或通过鼠标掠过,自动弹出子菜单
-
菜单项弹出后,按下 enter 或 space 则选中当前高亮菜单项
- 或通过鼠标点击选中任意菜单项
-
esc 隐藏下拉菜单(焦点仍然在按钮上)
- 或通过鼠标点击文档空白区域(按钮失去焦点)
直接从 select 生成
下拉菜单