菜单按钮演示

设计说明

  1. 支持键盘,鼠标互操作
  2. 符合 wai-aria 规范
  3. 构建组件层次

使用说明

  1. tab 移动焦点到按钮:按钮周边粉框
  2. 按钮获得焦点时点击上或下键,弹出菜单
    1. 或点击按钮弹出菜单
  3. 菜单弹出后,上下键选择菜单项
    1. 或通过鼠标掠过
  4. 带有子菜单的菜单项通过右键激活子菜单,左键收缩子菜单
    1. 或通过鼠标掠过,自动弹出子菜单
  5. 菜单项弹出后,按下 enter 或 space 则选中当前高亮菜单项
    1. 或通过鼠标点击选中任意菜单项
  6. esc 隐藏下拉菜单(焦点仍然在按钮上)
    1. 或通过鼠标点击文档空白区域(按钮失去焦点)

直接从 select 生成


可删除的下拉菜单