The on-screen keyboard is implemented by inserting 'class="keyboardInput"' ( without the single quote marks ) into the target page element to be enabled with onscreen keyboard data entry, and loading the files 'keyboard.css', 'keyboard.js', and 'keyboare.js' into the appropriate locations to be accessed from the page. Small thumbnail images of a keyboard are automatically inserted close to each of the enabled elements, and clicking on a thumbnail image shows the on-screen keyboard associated with the page element.
Plain-text input, password, and textarea elements, can be used with the same setup technique, and a number of default settings are available. These include whether the text inserted into the page element is read-only or read-write, which is set with the element property 'readonly="readonly"', or nothing at all. And, as read-only prevents normal key entry to a page element, it should be turned on for maximum security on password page elements, so that the on-screen keyboard must be used.
The 'mouseover' text entry function is enabled by setting the 'VKI_clickless' variable, near the top of the 'keyboard.js' file, to a non-zero value. For example, setting this.VKI_clickless=1000; sets the delay to 1000 milliseconds ( ms ) before a character is inserted into the page element automatically after the mouseover event occurs for a key.  And this can be speeded up or slowed down in the range 500 ms - 5000 ms with the two horizontal arrow keys in the upper right area of the onscreen keyboard, that are shown on the keyboard after the thumbnail image has been clicked. The keyboard "click" function remains active when clickless entry is enabled, but shouldn't be used if maximum security is to be achieved.
By default, the U.S. International keyboard is selected, but other keyboard layouts are available.
Some examples are shown below :
|Cell 1||Cell 2|