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

jQuery ColorGradient键盘导航

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

焦点

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

当ColorGradient包装器被聚焦时可用的键盘快捷键:

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

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

  • 选项卡导航到下一个ColorGradient元素
  • Shift + Tab导航到之前的ColorGradient元素
  • 输入/空格当Toggle格式按钮被聚焦时,在RGB和HEX之间更改格式。
  • 上/右箭头当ColorGradient的任何一个滑块被聚焦时,增加它的值。当ColorGradient画布中的拖动手柄被聚焦时,将其移动到相应的方向。
  • 箭头向下/向左当ColorGradient的任何一个滑块被聚焦时,会降低它的值。当ColorGradient画布中的拖动手柄被聚焦时,将其移动到相应的方向。
  • Esc将焦点返回到包装器元素。

支持和学习资源

额外的资源