New to Telerik UI for PHP? Download free 30-day trial

jQuery ColorPicker Keyboard Navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
keyboard-navigation.php

Also available for:

API REFERENCE

Focus

Supported keys and user actions (simple selector)

  • Enter, Down Opens the popup (when the popup is closed).
  • Left Arrow Selects previous color.
  • Right Arrow Selects next color.

Supported keys and user actions (HSV selector)

  • Enter, Down Opens the popup (when the popup is closed).
  • Arrows Update saturation/value in the big rectangle.
  • Ctrl + Left/Right Update hue slider.
  • Ctrl + Up/Dwn Update opacity slider (when opacity is present).
  • Shift Hold shift for fine-tuning.
  • Enter Select current color.
  • Esc Cancel the selection.

Support & Learning Resources

Additional Resources