javascript - 在 Javascript 事件中捕获特殊键和键大小写

Question

我对 Javascript 按键事件(keyup、keydown、keypress)做了一些研究，并得出结论，每个事件都有它们在尝试确定用户按下的键时的优点和缺点。

通过使用 event.which正如 jQuery 所提供的那样，onkeypress 似乎将提供区分大小写的字符代码。即 A-Z 为 65-90，a-z 为 97-122。但是，方向键等特殊键不会触发 onkeypress。然而，它们会触发 keyup/*keydown*，但不会提供区分大小写的代码。

是否存在一种“两全其美”的解决方案，可以同时提供区分大小写和不需要手动同时监控多个事件的特殊 key 检测？

Answer 1

监听keyup事件时

$(document).on('keyup', on_key_up);

function on_key_up(event)
{
    console.log('keycode:',event);      
}

我记录这个:

altKey: false
bubbles: true
cancelable: true
char: undefined
charCode: 0
ctrlKey: false
currentTarget: document
data: undefined
delegateTarget: document
eventPhase: 3
handleObj: Object
isDefaultPrevented: function ot(){return!1}
jQuery19106670567644760013: true
key: undefined
keyCode: 69
metaKey: false
originalEvent: KeyboardEvent
relatedTarget: undefined
shiftKey: false
target: body
timeStamp: 1367933052234
type: "keyup"
view: Window
which: 69

您需要 keyCode(在本例中为 69)、shifKey、altKey、ctrlKey。示例:如果您按 shift+向右箭头，您将获得 keyCode:3, shiftKey:true。

function on_key_up(event)
{
if(event.shiftKey) // action

}

希望这对您有所帮助。