Element: <oj-color-spectrum>

Oracle® JavaScript Extension Toolkit (JET)
17.1.0
G12197-01

DOM Interface: ColorSpectrumElement

Touch Information

Target Gesture Action
Slider Bar Tap Repositions the thumb to the tapped position.
Slider Thumb Swipe Repositions the thumb to the swiped position.
Spectrum Tap Repositions the thumb to the tapped position.
Spectrum Thumb Swipe Repositions the thumb to the swiped position.

Keyboard Information

Target Key Action
Spectrum Thumb LeftArrow Moves the thumb to the left (decreasing saturation). Holding the key down will cause the thumb to accelerate its movement.
RightArrow Moves the thumb to the right (increasing saturation). Holding the key down will cause the thumb to accelerate its movement.
PageUp Moves the thumb vertically to the top of the spectrum (luminosity 100%).
PageDown Moves the thumb vertically to the bottom of the spectrum (luminosity 0%).
Home Moves the thumb to the top left corner of the spectrum (saturation 0%, luminosity 100%).
End Moves the thumb to the bottom right of the spectrum (saturation 100%, luminosity 0%).
Slider Thumb LeftArrow Moves the thumb to the left for the horizontal Opacity slider, and downwards for the vertical Hue slider.
RightArrow Moves the thumb to the right for the horizontal Opacity slider, and upwards for the vertical Hue slider.
UpArrow Moves the thumb upwards for the vertical Hue slider, and to the right for the horizontal Opacity slider.
DownArrow Moves the thumb downwards for the vertical Hue slider, and to the left for the horizontal Opacity slider.
Home Moves the thumb to the leftmost (complete opacity) for the horizontal Opacity slider, and to the bottom for the vertical Hue slider.
End Moves the thumb to the rightmost (complete opacity) for the horizontal Opacity slider, and to the top for the vertical Hue slider.
PageUp Moves the thumb 20% of the slider range - upwardsfor the vertical Hue slider, and to the right (lower opacity) for the horizontal Opacity slider.
PageDown Moves the thumb 20% of the slider range - downwards for the vertical Hue slider, and to the left (higher opacity) for the horizontal Opacity slider.