简单菜单按钮/从已有元素生成

菜单按钮说明

设计说明

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

使用说明

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

示例:

应用button相应的class可以使用button定义好的样式,更多样式请看button示例

全新生成节点:

从已有元素生成(html结构必须符合规范和相应的class):

我的淘宝
已买到的宝贝
已卖出的宝贝