This simple plugin makes static keyboard alive! It provides prepared functionality and works with english, russian and symbol keyboards. You a free to add any other language and only you should to do is provide switching among them using already existing mechanism for en-ru Also you can specify your custom display function, for example for outputting a phone number in special format jQuery keyboard plugin
Usage
$(document).ready(function(){
options = {
maxInputLength : 128,
displayContainer : '.input .field',
keySelector : 'span'
};
$(".keyboard").keyboard(options);
});
Options
- buttonTime - time of key animation. In attached css file I use soft transition
- keyboardEnContainer, keyboardRuContainer, keyboardSymbolsContainer - keyboard containers with keyboard structure
- inputFilter - ability to provide a white list of letters/digits/symbols. By default allow all - /[a-zA-Zа-яА-Я0-9()-]/
- displayContainer - container for output
- maxInputLength - you can set maximum characters count in the buffer and output container
For control keys you should use individual selectors:
- keyBackspace - clear on symbol from the end
- keyClearAll - clear buffer and all symbols in output container
- keySpaceSelector - selector for spacebar
- keySwitchKeyboardSymbols - switch from letters keyboard to symbols
- keySwitchKeyboardLetters - switch from symbols keyboard to letters
- keyCapsLock - turn on/off CapsLock
- changeLang - now change language between Russian and English
- keySelector - this specifies a container, used to wrap a keyboard key( except control keys)