有没有JavaScript框架中的内置函数可以将键码转换为字符？该函数应该考虑shift属性，以便返回正确的字符。
或者我们只能自己构建这个函数吗？
2个回答
4
您可以使用
来自MDN: 语法：
String.fromCharCode()方法。来自MDN: 语法：
String.fromCharCode(num1, ..., numN)
参数：num1, ..., numN（一系列Unicode值的数字序列）。
此方法返回一个字符串，而不是String对象。
因为fromCharCode是String的静态方法，所以您总是将其用作String.fromCharCode()，而不是您创建的String对象的方法。
更新：
我已经编写了一个可以实现您要求的功能的函数：http://jsbin.com/ukukuq/2/
function keyDownEvent(e) {
var other = {};
var output= {};
output['meta'] = {};
var html = '';
e = (e) ? e : ((event) ? event : null);
if (e) {
output['keyCode'] = (e.keyCode) ? e.keyCode : 'N/A';
output['charCode'] = (e.charCode) ? e.charCode : 'N/A';
output['meta']['shift'] = e.shiftKey ? true : false;
output['meta']['ctrl'] = e.ctrlKey ? true : false;
output['meta']['alt'] = e.altKey ? true : false;
output['meta']['meta'] = e.metaKey ? true : false;
html = document.getElementById('output')
return html.innerHTML += '<pre>keyDown : ' + JSON.stringify(output) + '</pre>';
} else {
return 'error';
}
}
function keyPressEvent(e) {
var other = {};
var output= {};
var html = '';
e = (e) ? e : ((event) ? event : null);
if (e) {
output['keyCode'] = (e.keyCode) ? e.keyCode : 'N/A';
output['charCode'] = (e.charCode) ? e.charCode : 'N/A';
html = document.getElementById('output')
return html.innerHTML += '<pre>keyPress : ' + JSON.stringify(output) + ' Character : <strong>' + String.fromCharCode(output['charCode']) + '</strong></pre><hr/>';
} else {
return 'error';
}
}
var test = document.getElementById('test');
test.onkeydown = keyDownEvent;
test.onkeypress = keyPressEvent;
- Pranav 웃
1
1我的意思是从 keycode 而不是 charcode，不过似乎没有人构建这个功能。 - strike_noir
0
我也有自己的函数，我修改了来自http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes的脚本。
function convertKeyCode(evt) {
var chara = "";
var keyCode = (evt.which) ? evt.which : evt.keyCode;
var shift = evt.shiftKey;
//if (keyCode == 8)
// chara = "backspace";
// backspace
//if (keyCode == 9)
// chara = "tab";
// tab
//if (keyCode == 13)
// chara = "enter";
// enter
//if (keyCode == 16)
// chara = "shift";
// shift
//if (keyCode == 17)
// chara = "ctrl";
// ctrl
//if (keyCode == 18)
// chara = "alt";
// alt
if (keyCode == 19)
chara = "pause/break";
// pause/break
//if (keyCode == 20)
// chara = "caps lock";
// caps lock
//if (keyCode == 27)
// chara = "escape";
// escape
//if (keyCode == 33)
// chara = "page up";
// page up, to avoid displaying alternate character and confusing people
//if (keyCode == 34)
// chara = "page down";
// page down
//if (keyCode == 35)
// chara = "end";
// end
//if (keyCode == 36)
// chara = "home";
// home
//if (keyCode == 37)
// chara = "left arrow";
// left arrow
//if (keyCode == 38)
// chara = "up arrow";
// up arrow
//if (keyCode == 39)
// chara = "right arrow";
// right arrow
//if (keyCode == 40)
// chara = "down arrow";
// down arrow
//if (keyCode == 45)
// chara = "insert";
// insert
//if (keyCode == 46)
// chara = "delete";
// delete
// Alphanumeric
if (keyCode == 48)
chara = (shift) ? ")" : "0";
if (keyCode == 49)
chara = (shift) ? "!" : "1";
if (keyCode == 50)
chara = (shift) ? "@" : "2";
if (keyCode == 51)
chara = (shift) ? "#" : "3";
if (keyCode == 52)
chara = (shift) ? "$" : "4";
if (keyCode == 53)
chara = (shift) ? "%" : "5";
if (keyCode == 54)
chara = (shift) ? "^" : "6";
if (keyCode == 55)
chara = (shift) ? "&" : "7";
if (keyCode == 56)
chara = (shift) ? "*" : "8";
if (keyCode == 57)
chara = (shift) ? "(" : "9";
if (keyCode == 65)
chara = (shift) ? "A" : "a";
if (keyCode == 66)
chara = (shift) ? "B" : "b";
if (keyCode == 67)
chara = (shift) ? "C" : "c";
if (keyCode == 68)
chara = (shift) ? "D" : "d";
if (keyCode == 69)
chara = (shift) ? "E" : "e";
if (keyCode == 70)
chara = (shift) ? "F" : "f";
if (keyCode == 71)
chara = (shift) ? "G" : "g";
if (keyCode == 72)
chara = (shift) ? "H" : "h";
if (keyCode == 73)
chara = (shift) ? "I" : "i";
if (keyCode == 74)
chara = (shift) ? "J" : "j";
if (keyCode == 75)
chara = (shift) ? "K" : "k";
if (keyCode == 76)
chara = (shift) ? "L" : "l";
if (keyCode == 77)
chara = (shift) ? "M" : "m";
if (keyCode == 78)
chara = (shift) ? "N" : "n";
if (keyCode == 79)
chara = (shift) ? "O" : "o";
if (keyCode == 80)
chara = (shift) ? "P" : "p";
if (keyCode == 81)
chara = (shift) ? "Q" : "q";
if (keyCode == 82)
chara = (shift) ? "R" : "r";
if (keyCode == 83)
chara = (shift) ? "S" : "s";
if (keyCode == 84)
chara = (shift) ? "T" : "t";
if (keyCode == 85)
chara = (shift) ? "U" : "u";
if (keyCode == 86)
chara = (shift) ? "V" : "v";
if (keyCode == 87)
chara = (shift) ? "W" : "w";
if (keyCode == 88)
chara = (shift) ? "X" : "x";
if (keyCode == 89)
chara = (shift) ? "Y" : "y";
if (keyCode == 90)
chara = (shift) ? "Z" : "z";
// Alphanumeric
//if (keyCode == 91)
// chara = "left window";
// left window
//if (keyCode == 92)
// chara = "right window";
// right window
if (keyCode == 93)
chara = "select key";
// select key
//if (keyCode == 96)
// chara = "numpad 0";
// numpad 0
//if (keyCode == 97)
// chara = "numpad 1";
// numpad 1
//if (keyCode == 98)
// chara = "numpad 2";
// numpad 2
//if (keyCode == 99)
// chara = "numpad 3";
// numpad 3
//if (keyCode == 100)
// chara = "numpad 4";
// numpad 4
//if (keyCode == 101)
// chara = "numpad 5";
// numpad 5
//if (keyCode == 102)
// chara = "numpad 6";
// numpad 6
//if (keyCode == 103)
// chara = "numpad 7";
// numpad 7
//if (keyCode == 104)
// chara = "numpad 8";
// numpad 8
//if (keyCode == 105)
// chara = "numpad 9";
// numpad 9
//if (keyCode == 106)
// chara = "multiply";
// multiply
//if (keyCode == 107)
// chara = "add";
// add
//if (keyCode == 109)
// chara = "subtract";
// subtract
//if (keyCode == 110)
// chara = "decimal point";
// decimal point
//if (keyCode == 111)
// chara = "divide";
// divide
//if (keyCode == 112)
// chara = "F1";
// F1
//if (keyCode == 113)
// chara = "F2";
// F2
//if (keyCode == 114)
// chara = "F3";
// F3
//if (keyCode == 115)
// chara = "F4";
// F4
//if (keyCode == 116)
// chara = "F5";
// F5
//if (keyCode == 117)
// chara = "F6";
// F6
//if (keyCode == 118)
// chara = "F7";
// F7
//if (keyCode == 119)
// chara = "F8";
// F8
//if (keyCode == 120)
// chara = "F9";
// F9
//if (keyCode == 121)
// chara = "F10";
// F10
//if (keyCode == 122)
// chara = "F11";
// F11
//if (keyCode == 123)
// chara = "F12";
// F12
//if (keyCode == 144)
// chara = "num lock";
// num lock
//if (keyCode == 145)
// chara = "scroll lock";
// scroll lock
if (keyCode == 186)
chara = ";";
// semi-colon
if (keyCode == 187)
chara = "=";
// equal-sign
if (keyCode == 188)
chara = ",";
// comma
if (keyCode == 189)
chara = "-";
// dash
if (keyCode == 190)
chara = ".";
// period
if (keyCode == 191)
chara = "/";
// forward slash
if (keyCode == 192)
chara = "`";
// grave accent
if (keyCode == 219)
chara = (shift) ? "{" : "[";
// open bracket
if (keyCode == 220)
chara = "\\";
// back slash
if (keyCode == 221)
chara = (shift) ? "}" : "]";
// close bracket
if (keyCode == 222)
chara = "'";
// single quote
return chara;
}
- strike_noir
1
我钦佩你的辛勤工作（如果你把所有那些打出来），但一个好的编程技巧值得考虑：“如果有一堆重复/相似的代码（比如所有那些if语句），很可能有更有效的方法来完成它。”例如，要将键码65转换为90，可以这样做：
var letterTyped = "abcdefghijklmnopqrstuvwxyz"[e.keyCode-65]; - Blake Allen网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 3 如何将JavaScript的keyCode转换为charCode？
- 8 将CoffeeScript函数转换为JavaScript
- 7 将JavaScript函数转换为PHP
- 4 将Unicode伪字母转换为常规字符的JavaScript函数？
- 76 将描述 JavaScript 函数的字符串转换为 JavaScript 函数。
- 3 将字符串转换为JavaScript函数
- 5 将字符串转换为JavaScript函数
- 8 将Javascript函数转换为PHP函数
- 17 将Javascript的keyCode转换为非美式键盘布局（例如azerty）的charCode
- 17 如何使用JavaScript将数字转换为字符？
String.fromCharCode()是一个JavaScript函数，它将Unicode编码转换为对应的字符。 - Pranav 웃fromCharCode转换的是 字符 的编码，而不是 按键 的编码（ 此处明确要求）。 - Bergi