How to detect if the pressed key will produce a character inside an text-box?

This I think will do the job, or if not is very close and will need only minor tweaking. The thing you have to remember is that you can’t reliably tell anything at all about any character that may be typed in a keydown or keyup event: that all has to be done in a keypress handler. The definitive resource for key events is http://unixpapa.com/js/key.html

You also need to consider pastes, which this code won’t handle. You will need to have separate paste event handler (although this event isn’t supported in Firefox < 3.0, Opera, and very old WebKit browsers). You’ll need a timer in your paste handler since it’s impossible in JavaScript to access the content that’s about to be pasted.

function isCharacterKeyPress(evt) {
    if (typeof evt.which == "undefined") {
        // This is IE, which only fires keypress events for printable keys
        return true;
    } else if (typeof evt.which == "number" && evt.which > 0) {
        // In other browsers except old versions of WebKit, evt.which is
        // only greater than zero if the keypress is a printable key.
        // We need to filter out backspace and ctrl/alt/meta key combinations
        return !evt.ctrlKey && !evt.metaKey && !evt.altKey && evt.which != 8;
    }
    return false;
}

<input type="text" onkeypress="alert(isCharacterKeyPress(event))">