Originally posted by Jeremy Satterfield in his [blog], [jQuery plugins] and on [Snipplr]. Currently maintained by [Mottie].
- An on-screen virtual keyboard embedded within the browser window which will popup when a specified entry field is focused.
- The user can then type and preview their input before Accepting or Canceling.
- Add custom keyboard layouts easily.
- Add up to four standard key sets to each layout that use the shift and alt keys.
- Add any number of optional modifier keys (meta keys) to add more key sets.
- Position the keyboard in any location around the element, or target another element on the page.
- Easily modify the key text to any language or symbol.
- Allow direct input or lock the preview window.
- Set a maximum length to the inputted content.
- Scroll through the other key sets using the mouse wheel while hovering over a key to bypass the need to use alt, shift or meta keys.
Easily type in characters with diacritics. Here are some default combination examples - it is possible to add more.
- ' + vowel ( vowel with acute accent, e.g. ' + e = é )
- ` + vowel ( vowel with grave accent, e.g., ` + e = è )
- " + vowel ( vowel with diaeresis, e.g., " + e = ë )
- ^ + vowel ( vowel with circumflex accent, e.g., ^ + e = ê )
- ~ + certain letters ( letter with tilde, e.g. ~ + n = ñ, ~ + o = õ )
- ' + c ( becomes ç )
Enable, disable or add more diacritic functionality as desired.
- Use callbacks and event triggers that occur when the keyboard is open or closed and when the content has changed, been accepted or canceled.
- ARIA support (may not be fully implemented)
- As jQuery UI is a dependancy, this plugin's styling will automatically match the selected jQuery UI theme with the exception of the required CSS listed below.
- Built in watermarking. It emulates HTML5's placeholder if the browser doesn't support it.
- Typing extension allows you to simulate typing into the keyboard for demo purposes or to assist user input.
- Autocomplete extension will integrate this keyboard plugin with jQuery UI's autocomplete widget.
- Multiple region specific keyboard layouts included in a separate directory. This is a work in progress and slowly growing.
Moved to the Wiki Pages: [Home] | [FAQ] | [Setup] | [Options]9 | [Methods] | [Theme] | [Log]
- Waiting for requests :)
- Add more regional keyboard layouts.
- IE and Opera:
- In a text area with multiple carriage returns, the caret positioning will be off when repositioning it with the mouse.
- Using the right and left arrow keys to navigate through a text area with multiple carriage returns is problematic. The caret doesn't behave like in other browsers when moving from one line to the next. You can always reposition the caret using the mouse.
- Opera: When pressing the tab key while inside a textarea, all browsers but Opera add the tab to the virtual keyboard textarea.
- Safari: See the QWERTY Text Area demo with a locked input. While using the virtual keyboard to type, it enters the text in backwards! I can't see anyway to fix this as you can't differentiate webkit browsers (it works fine in Chrome).
- Typing Extension:
- When pressing "Alt", the key set will change to the alt key set, but the focus will be moved to the browser menu. Pressing it quickly a second time will return the focus. This is build into the browser and it isn't possible (as far as I know) to automatically restore the window focus the first time alt is pressed.
- Holding down the Alt key and trying to type is also not possible since the Windows OS is assuming you are trying to type a shortcut key to access the browser menu. You can still click the keys in the alt key set with the mouse.
- Simulated typing on the keyboard breaks when the CapLock is on. Still looking for a cross-browser solution.