Screenkeys by tejzpr

Welcome to 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

Screenkeys with alphabets

Screenkeys with alphabets entered into an input field

Screenkeys with symbols entered into an input field.

Installation

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"
    });

Authors and Contributors

@tejzpr