Keyboard Interaction in EJ 1 Angular Slider
26 Oct 2017 / 1 minute to read
You can use Keyboard shortcut keys as an alternative to the mouse for using the Slider widget. All options in the Slider can be accessed using keyboard shortcuts. The following table explains the keyboard shortcut keys and the operations that can be performed using the corresponding keys.
List of Keyboard shortcuts
Shortcut Key | Description |
---|---|
Alt + j | Focuses into the Slider handle |
Up/Right | Increments the Slider value |
Down/Left | Decrements the Slider value |
Home | Slider handle moves to the start value |
End | Slider handle moves to the end value |
Esc | Focuses out from the Slider handle |
Configure keyboard interaction
The following steps explains you on how to enable keyboard support in Slider.
In an HTML page, specify the <div> elements to render the Range Slider.
<ej-slider id='default' [values]='value'></ej-slider>
<script>
import { Component } from '@angular/core';
import { SliderModule } from '@syncfusion/ej2-ng-inputs';
@Component({
selector: 'control-content',
templateUrl: 'app/components/slider/slider.component.html'',
})
export class DefaultSliderComponent {
public value: number = [25,75];
}
</script>
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page