jQuery MLKeyboard
ML Keyboard is a jQuery virtual keyboard with features to change input layouts on the flight.
Demo
Usage
- Download
jquery.ml-keyboard.min.js
andjquery.ml-keyboard.css
files and add to your project. - Activate the plugin on the input fields with prefered layot
$('input').mlKeyboard({layout: 'es_ES'});
. - It's ready.
Options
The following options are available to pass into ML Keyboard on initialization.
-
(string) layout: set layout which is applicable to all input fields. By default it has value 'en_US' what is equal to American English layout.
-
(boolean) active_shift: when user first time focus on input field virtual keyboards shift is active. Default value - true.
-
(boolean) active_caps: initial virtual keyboards caps lock state. Default value - false.
-
(boolean) is_hidden: to create keyboard always visible this value should be changed to false. Default value - true.
-
(integer) open_speed: is speed at what keyboard shows. Default value - 300.
-
(integer) close_speed: is speed at what keyboard hides back. Devault value - 100.
-
(boolean) enabled: - change it to false if you want temporary disable keyboard. This param is useful when defines as input data attribute (read below how to set up single inputs with data attributes).
To change behaviour of single input field special data attribute should be added to it's tag name data-mlkeyboard-<option>="value"
where option
is the same attribute like it's described before.
Currently possible layouts
- en_US - English
- es_ES - Spanish
- it_IT - Italian
- pt_PT - Portuguese
- ru_RU - Russian