菜单按钮演示

设计说明

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

使用说明

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

simple menubutton

demo

simple splitbutton

demo

decorate menubutton

demo

checkable menubutton

demo

simple select

demo

cascaded select

demo

large select

demo

统一 api

demo