Virtual Keyboard Widget es un plugin jQuery que implementa un teclado virtual en pantalla que se puede agregar a cualquier página web.
Esta solución es muy útil en los caso de ingreso de contraseñas como las de una cuenta bancaria, de esta forma, si el sistema tiene algún keylogger, éste no podrá registrar las pulsaciones de teclado.
Lo mejor de todo, es que Virtual Key Widget es muy fácil de agregar a cualquier desarrollo web.
Primero necesitamos enlazar los archivos JS de jQuery y el plugin:
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script> <script type="text/javascript" src=" http://ajax.microsoft.com/ajax/jquery.ui/1.8.6/jquery-ui.min.js"> </script> <script src="jquery.keyboard.js" type="text/javascript"> </script>
Sengundo agregamos el siguiente script Javascript que le da vida al teclado:
<script type="text/javascript">
$(function () {
$('input[type=password]').keyboard({
layout: "qwerty"
});
});
</script>
Y tercero, escribimos el HTML necesario para implementar el teclado, se trata de un código similar al siguiente:
<body> Click inside the TextBox<br /> <input id="txtPass" type="password" /> </body>
Virtual keyboard Widget
Sitio: snipplr.com/view/21577/virtual-keyboard-widget
Descargar plugin: plugins.jquery.com/project/virtual_keyboard
Vía: www.devcurry.com/2010/12/jquery-virtual-keyboard-with-qwerty.html