{"id":122,"date":"2011-06-20T17:07:59","date_gmt":"2011-06-20T17:07:59","guid":{"rendered":"http:\/\/leonardocotta.com.br\/blog\/?p=122"},"modified":"2011-06-20T17:07:59","modified_gmt":"2011-06-20T17:07:59","slug":"tabela-de-key-codes-para-javascript","status":"publish","type":"post","link":"https:\/\/leonardocotta.com.br\/?p=122","title":{"rendered":"Tabela de Key Codes para Javascript"},"content":{"rendered":"

Com o javascript \u00e9 poss\u00edvel identificar as teclas pressionadas pelo usu\u00e1rio e com isso ativar fun\u00e7\u00f5es: atalhos, controle de interface, jogos, etc.<\/p>\n

Segue a tabela com o c\u00f3digo de cada tecla:<\/p>\n

<\/blockquote>\n

Key Pressed \tKey Code
\nbackspace \t8
\ntab \t 9
\nenter \t 13
\nshift \t 16
\nctrl \t17
\nalt \t 18
\npause\/break \t19
\ncaps lock \t20
\nescape \t 27
\npage up \t 33
\npage down \t34
\nend \t 35
\nhome \t 36
\nleft arrow \t 37
\nup arrow \t 38
\nright arrow \t39
\ndown arrow \t40
\ninsert \t 45
\ndelete \t 46
\n0 \t 48
\n1\t 49
\n2 \t 50
\n3\t 51
\n4 \t 52
\n5 \t 53
\n6 \t 54
\n7 \t 55
\n8 \t 56
\n9 \t 57
\na\t 65
\nb \t 66
\nc \t 67
\nd \t 68
\ne \t 69
\nf \t 70
\ng \t 71
\nh \t 72
\ni \t 73
\nj \t 74
\nk \t 75
\nl \t 76
\nm\t 77
\nn \t 78
\no \t 79
\np\t 80
\nq \t 81
\nr \t 82
\ns \t 83
\nt \t 84
\nu \t 85
\nv \t 86
\nw \t 87
\nx \t 88
\ny\t 89
\nz \t 90
\nleft window key \t91
\nright window key 92
\nselect key \t93
\nnumpad 0 \t 96
\nnumpad 1 97
\nnumpad 2 \t 98
\nnumpad 3 \t 99
\nnumpad 4 \t 100
\nnumpad 5 \t 101
\nnumpad 6 \t 102
\nnumpad 7 103
\nnumpad 8 \t 104
\nnumpad 9 105
\nmultiply \t 106
\nadd \t 107
\nsubtract \t 109
\ndecimal point \t110
\ndivide \t 111
\nf1 \t112
\nf2 \t113
\nf3 \t114
\nf4 \t115
\nf5 \t116
\nf6 \t117
\nf7 \t118
\nf8 \t119
\nf9 \t120
\nf10 \t121
\nf11 \t122
\nf12 \t123
\nnum lock \t144
\nscroll lock \t145
\nsemi-colon \t186
\nequal sign \t187
\ncomma \t188
\ndash \t189
\nperiod \t190
\nforward slash \t191
\ngrave accent \t192
\nopen bracket \t219
\nback slash \t220
\nclose braket \t221
\nsingle quote \t222<\/p>\n

Para verificar qual tecla foi pressionada voc\u00ea pode conferir o Key Code no javascript, utilizando o c\u00f3digo abaixo:<\/p>\n

document.onkeyup=function(e){<\/p>\n

if(e.which == 17){
\n \/\/Pressionou CTRL, aqui vai a fun\u00e7\u00e3o para esta tecla.
\n return false;
\n }<\/p>\n

}<\/p>\n

Depois publico algumas utiliza\u00e7\u00f5es dos keycodes, como por exemplo utilizar uma combina\u00e7\u00e3o do teclado para dar submit em um form, validar dados, etc…<\/p>\n","protected":false},"excerpt":{"rendered":"

Com o javascript \u00e9 poss\u00edvel identificar as teclas pressionadas pelo usu\u00e1rio e com isso ativar fun\u00e7\u00f5es: atalhos, controle de interface, jogos, etc. Segue a tabela com o c\u00f3digo de cada tecla: Key Pressed Key Code backspace 8 tab 9 enter 13 shift 16 ctrl 17 alt 18 pause\/break 19 caps lock 20 escape 27 page … Continue reading Tabela de Key Codes para Javascript<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[42,20],"tags":[],"class_list":["post-122","post","type-post","status-publish","format-standard","hentry","category-javascript","category-programacao"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t