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.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
lib
README.md
index.html
license.txt

README.md

Screenkeys

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.

Features

  • 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

Installation

  1. 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

  1. Input to a form text field

    • $("input[type=text]").screenKeys({ container:$(".keyboadDisplayDiv"), width:"310px" });
  2. Input to a display DIV tag

    • $("div").screenKeys({ container:$(".keyboadDisplayDiv"), width:"310px" });
  3. Input to a display DIV tag with unbound width

    • $("div").screenKeys({ container:$(".keyboadDisplayDiv") });
  4. Scramble keys for added security

    • $("div").screenKeys({ container:$(".keyboadDisplayDiv"), randomChar:true });
  5. Localize keyboard to US, English (Can display keys based on localization)

    • $("div").screenKeys({ container:$(".keyboadDisplayDiv"), locale:"en_US" });

LICENSE

MIT License