Teclado virtual mostrando caractere digitado

Olá galera

estou precisando desenvolver um formulário de digitação onde tem um teclado virtual apenas indicando a tecla digitada,

encontrei o seguinte código semelhante ao que desejo:

--------------------------------------------------------------------------------------------

Campo input:

---------------------------------------------------------------------------------------------

<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="texto">Texto aqui.</div>

	---------------------------------------------------------------------------------------------

	função Javascript:

	----------------------------------------------------------------------------------------------

function mostratexto(el, txt, ms) {
    var t;
    el.on('keyup', function () {
        clearTimeout(t);
        txt.fadeIn('fast');
        t = setTimeout(function () {
            txt.fadeOut('fast');
        }, ms);
    });

}

mostratexto($('textarea'), $('.texto'), 1000);

	---------------------------------------------------------------------------------------------

	estilo css

	---------------------------------------------------------------------------------------------

	 

.texto {
    padding:10px;
    display:none;
}

	---------------------------------------------------------------------------------------------

	 

	o que eu queria é que o formulário apenas mostrasse uma tabela semelhante a um teclado

	e conforme for digitando a tecla "piscasse" no teclado indicando o caractere digitado.

	 

	link desse exemplo:

	[http://jsfiddle.net/K2f8E/1/](http://jsfiddle.net/K2f8E/1/)