New to Kendo UI for jQuery? Download free 30-day trial

jQuery Slider Keyboard Navigation

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

Also available for:

API REFERENCE

Focus

  • Alt + W Focuses the slider (clicking on it or tabbing also work)
  • Alt + Q Focuses the range slider (clicking on it or tabbing also work)

Supported keys and user actions

  • Right Increments the value by a small step (equivalent to Up)
  • Left Decrements the value by a small step (equivalent to Down)
  • Page Up Increments the value by a large step
  • Page Down Decrements the value by a large step
  • Home Move the draghandle to the min value
  • End Move the draghandle to the max value
  • Tab Tabs to second range slider draghandle or next focusable page element
  • Shift + Tab Tabs to first range slider draghandle or previous focusable page element

Support & Learning Resources

Additional Resources