<style type="text/css">
form#Widget-Keyboard-1 { line-height:0px; margin:0px; padding:0px; }
form#Widget-Keyboard-1 input { font-size:120%; margin:0px; padding:0px; }
</style>

<input id="hoge" type="text" size="50"/><hr />

<script type="text/javascript">
JSAN.addRepository('../lib').use('Widget.Keyboard');
var kbd = new Widget.Keyboard(['2.6em', 0.6]);
kbd.write();
kbd.addTypeListener(true, function (key) {
  var text = document.getElementById('hoge');
  switch (key.value) {
  case 'BackSpace':
    text.value = text.value.slice(0, -1);
  case 'Return': case 'Alt': case 'Ctrl':
  case 'Left': case 'Down': case 'Up': case 'Right':
    break;
  case 'Enter': text.value = ''; break;
  case 'Space': text.value += ' '; break;
  case 'Tab': text.value += '	'; break;
  default: text.value += key.value;
  }
});
</script>