Options
layoutCandidates
This option allows you to define input suggestions to present to the user. To see an example, check out the chinese layout in simple-keyboard-layouts.
Demos:
JS
simple-keyboard
Javascript Virtual Keyboard - Customizable, responsive and lightweight
- Welcome
- Getting Started
- Documentation
- Options
- layout
- layoutName
- display
- mergeDisplay
- theme
- buttonAttributes
- buttonTheme
- debug
- useMouseEvents
- useTouchEvents
- autoUseTouchEvents
- preventMouseDownDefault
- preventMouseUpDefault
- stopMouseDownPropagation
- stopMouseUpPropagation
- disableCaretPositioning
- useButtonTag
- newLineOnEnter
- tabCharOnTab
- inputName
- maxLength
- inputPattern
- disableRowButtonContainers
- disableButtonHold
- syncInstanceInputs
- physicalKeyboardHighlight
- physicalKeyboardHighlightPress
- physicalKeyboardHighlightTextColor
- physicalKeyboardHighlightBgColor
- onKeyPress
- onChange
- onRender
- beforeFirstRender
- beforeRender
- onInit
- onKeyReleased
- onChangeAll
- rtl
- layoutCandidates
- enableLayoutCandidates
- layoutCandidatesPageSize
- excludeFromLayout
- baseClass
- Methods
- Options
- Modules
- Questions & Answers
- Change colors and design
- Edit or add new buttons
- Give a different class to the keyboard
- Style a group of buttons
- Usage with multiple inputs
- Show/hide toggling
- Adding multiple keyboards
- Synchronize keyboard instances
- Different Shift and Caps Lock behavior
- Is Internet Explorer supported?
- Fixing KEYBOARD_DOM_ERROR
- Demos