Fun with KeyCode

gistfile1.js

   $('#searchbox input').bind('keydown', function(e) {
        var code = (e.keyCode ? e.keyCode : e.which);            
 
        if(e.shiftKey){
            $('.dialpad').append('<span class="dial">Shift</span>\n');
            event.preventDefault();
        }else if(e.altKey){
            $('.dialpad').append('<span class="dial">Alt</span>\n');
                    event.preventDefault();
        }else if(e.ctrlKey){
            $('.dialpad').append('<span class="dial">Ctrl</span>\n');
                    event.preventDefault();             
 
        }else if(code==32){
            $('.dialpad').append('<span class="dial">Space</span>\n');
                    event.preventDefault();
        }else if(code==13){
            $('.dialpad').append('<span class="dial">Enter</span>\n');
                    event.preventDefault();
        }else{
            $('.dialpad').append('<span class="dial">'+String.fromCharCode(code)+'</span>\n');
                    event.preventDefault();
        }
    });



$('#searchbox input').bind('keypress', function(e) {
   var code = (e.keyCode ? e.keyCode : e.which);
   $('.dialpad').append('<span class="dial">'+String.fromCharCode(code)+'</span>\n');
});



$(document).keypress(function(e){
 var code = e.keyCode ? e.keyCode : e.which;
 console.log(code); // return value which is an int.
 console.log(String.fromCharCode(code)); // return corresponding char
});