I'm attempting to capture arrow key presses in jQuery, but no events are being triggered.
$(function(){
$('html').keypress(function(e){
console.log(e);
});
});
This generates events for alphanumeric keys, but delete, arrow keys, etc generate no event.
What am I doing wrong to not be capturing those?
You should use .keydown() because .keypress() will ignore "Arrows", for catching the key type use e.which
Press the result screen to focus (bottom right on fiddle screen) and then press arrow keys to see it work.
Notes:个
.keypress()永远不会用Shift、Esc和Delete键触发，但.keydown()会..keypress()会被箭头键触发，但它不是跨浏览器的，所以使用.keydown()更可靠.More useful information个
.which Or .keyCode of the event object - Some browsers won't support one of them but when using jQuery its safe to use the both since jQuery standardizes things. (I prefer .which never had a problem with).ctrl | alt | shift | META press with the actual captured key you should check the following properties of the event object - They will be set to TRUE if they were pressed:
event.ctrlKey-ctrl event.altKey-altevent.shiftKey - shiftevent.metaKey-元(Command ⌘ OR Windows Key)Finally - here are some useful key codes ( For a full list - keycode-cheatsheet ):