新的剑道UI为jQuery?下载30天免费试用

jQuery FlatColorPicker键盘导航

加载演示……
  • 例子
  • 查看源代码
keyboard-navigation.html

焦点

FlatColorPicker是一个单制表符停止组件。它实现了可以通过按Enter键激活的内部导航。当内部导航被激活时,焦点被困在组件中。按“Esc”键返回界面导航。

FlatColorPicker包装器聚焦时可用的键盘快捷键:

  • 选项卡导航到FlatColorPicker之后的下一个可聚焦元素
  • Shift + Tab导航到FlatColorPicker之前的可聚焦元素
  • 输入激活内部FlatColorPicker导航。

当内部FlatColorPicker导航被激活时,可用的键盘快捷键:

  • 选项卡当渐变视图打开时,导航到下一个FlatColorPicker元素
  • Shift + Tab当渐变视图打开时,导航到上一个FlatColorPicker元素
  • 进入/空格当Toggle format按钮被聚焦时,在RGB和HEX之间更改格式。当一个视图按钮被聚焦时,切换到调色板或渐变视图。当调色板视图中的贴图被聚焦时,它会选择该贴图的颜色。
  • 向上/向右箭头当FlatColorPicker的任何滑块被聚焦时,增加它的值。当FlatColorPicker画布中的拖动句柄被聚焦时,将其移动到相应的方向。当调色板视图激活时,将焦点移动到相应的方向。
  • 箭头向下/向左当FlatColorPicker的任何滑块被聚焦时,会降低其值。当FlatColorPicker画布中的拖动句柄被聚焦时,将其移动到相应的方向。当调色板视图激活时,将焦点移动到相应的方向。
  • Esc将焦点返回到包装器元素。

支持和学习资源

额外的资源