Screenkeys - A jQuery plugin to show a multilingual virtual keyboard for websites, which is useful to avoid key-loggers while typing sensitive data into a website's writable(form) fields.
- Full keys virtual keyboard in 102kb
- Can be used to overcome key loggers
- Fully customizable with themes
- Multiple Localizations Supported (Looking for contributors)
- QWERTY / Randomized keys supported
- Accepts input fields as well as HTML display elements
- Fixed width and Fluidic width supported.
###Screenshots http://imgur.com/a/E6RHK#0
-
Include the following lines inside the head tag.
<link href="../lib/screenkeys.css" type="text/css" rel="stylesheet"/><script type="text/javascript" src="../lib/jquery-1.9.1.min.js"></script><script type="text/javascript" src="../lib/screenkeys-1.0.1.min.js"></script><script type="text/javascript" src="../lib/locale/screenkeysloc_en_US.js"></script>
###Usage
-
Input to a form text field
$("input[type=text]").screenKeys({ container:$(".keyboadDisplayDiv"), width:"310px" });
-
Input to a display DIV tag
$("div").screenKeys({ container:$(".keyboadDisplayDiv"), width:"310px" });
-
Input to a display DIV tag with unbound width
$("div").screenKeys({ container:$(".keyboadDisplayDiv") });
-
Scramble keys for added security
$("div").screenKeys({ container:$(".keyboadDisplayDiv"), randomChar:true });
-
Localize keyboard to US, English (Can display keys based on localization)
$("div").screenKeys({ container:$(".keyboadDisplayDiv"), locale:"en_US" });
#LICENSE MIT License