how to get String/character value from key Code;

Question

I am using an input tag of html which is supposed to work similar to input of google search.

function onKeyPressFun(event){
    var inputObj = document.getElementById("tagInput");
    var strTags = inputObj.value + String.fromCharCode(event.keyCode);
    alert("post data: strTags" + strTags);
}

I want to send the data to server to detect if any tag starting with this substring exist.
I want to add the character/string (whichever works here) from keyPress event to the existing input in the text.
As in the code above I used String.fromCharCode. When I press 'b' I found keyCode 0 and the value of String.fromCharCode(event.keyCode) was nothing; neither a blank.
Any fix for this?

"When I press 'b' I found keyCode 0" - please reproduce that on jsfiddle — zerkms
– zerkms, Commented Sep 4, 2012 at 7:49
Won't this be useless on keyboards that aren't your desired layout? — Daedalus
– Daedalus, Commented Sep 4, 2012 at 7:49
There is no universal mapping between keyCodes and charCodes, for obvious reasons. See @WTK's answer. — Dmitry Pashkevich
– Dmitry Pashkevich, Commented Sep 4, 2012 at 7:52

WTK · Accepted Answer · 2012-09-04 12:35:09Z

7

It may have something to do with support for .keyCode property across different browsers. Normalize keyCode value to get better results. One way to do it (part in parentheses is from jQuery source):

// e.g.
String.fromCharCode(event.charCode != null ? event.charCode : event.keyCode);

edited Sep 4, 2012 at 12:35

answered Sep 4, 2012 at 7:51

WTK

17.1k6 gold badges39 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

micnic · Accepted Answer · 2012-09-04 08:17:55Z

1

You can try:

String.fromCharCode(event.which); // it works in all major browsers

answered Sep 4, 2012 at 8:17

micnic

11.3k5 gold badges46 silver badges56 bronze badges

Collectives™ on Stack Overflow

how to get String/character value from key Code;

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related