event.keyCode在keydown / keyup和keypress中有所不同

时间:2014-07-03 09:59:50

标签: javascript javascript-events keyboard-shortcuts keycode

我正在为用户定义的快捷键组合创建一个文本框,它只打印出修饰符和键。

在按下或释放按键时,我不关心它是否设置,所以我从keypress事件开始。首先,修饰符似乎影响键码(例如移位给出大写字母,这意味着键码根本不是键码,而是键入的字符代码)但preventDefault似乎无法正常工作所以我改为{{ 1}}。这引入了event.keyCode的差异。例如,逗号keydown产生了一个令人愉快的ascii ,,但现在它是一个恶心的keyCode=44

测试页:http://www.javascripter.net/faq/keyboardeventproperties.htm

我真的希望在这里有一些标准化的密钥代码,或者至少是一些一致的代码。我的要求是解决方法。之一:

  1. 获取可打印字符的最佳方法是什么(忽略修饰符,因此keyCode=188 / ,被认为是相同的键,并且<}表示奇怪但更一致, / keydown

  2. 可以使keyup更像keypress / keydown来实际提供已按下的键,是否有像keyup这样的机制来停止浏览器拦截捷径?

  3. 相关:http://www.javascripter.net/faq/keycodes.htm

1 个答案:

答案 0 :(得分:0)

目前,我将使用keydown及其修改版本:http://www.javascripter.net/faq/fromkeycode.js

function fromKeyCode(n) {
    if( 47<=n && n<=90 ) return unescape('%'+(n).toString(16))
    if( 96<=n && n<=105) return (n-96).toString()
    if(112<=n && n<=135) return 'F'+(n-111)
    if(n==8)  return 'Backspace'
    if(n==9)  return 'Tab'
    if(n==13) return 'Enter'
    if(n==16) return 'Shift'
    if(n==17) return 'Ctrl'
    if(n==18) return 'Alt'
    if(n==19) return 'Pause'
    if(n==20) return 'Caps_lock'
    if(n==27) return 'Esc'
    if(n==32) return 'Space'
    if(n==33) return 'Page_up'
    if(n==34) return 'Page_down'
    if(n==35) return 'End'
    if(n==36) return 'Home'
    if(n==37) return 'Left'
    if(n==38) return 'Up'
    if(n==39) return 'Right'
    if(n==40) return 'Down'
    if(n==42) return '*' //Opera
    if(n==43) return '+' //Opera
    if(n==45) return 'Insert'
    if(n==46) return 'Delete'
    if(n==91) return 'Meta'
    if(n==92) return 'Meta'
    if(n==106) return '*'
    if(n==107) return '+'
    if(n==109) return '-'
    if(n==110) return '.'
    if(n==111) return '/'
    if(n==144) return 'Num_lock'
    if(n==145) return 'Scroll_lock'
    if(n==186) return ';'
    if(n==187) return '='
    if(n==188) return ','
    if(n==189) return '-'
    if(n==190) return '.'
    if(n==191) return '/'
    if(n==192) return '\`'
    if(n==219) return '['
    if(n==220) return '\\'
    if(n==221) return ']'
    if(n==222) return '\''
    if(n==224) return 'Meta'
    return ""
}