{"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":"<p>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<p>Segue a tabela com o c\u00f3digo de cada tecla:<\/p>\n<blockquote><\/blockquote>\n<p>Key Pressed \tKey Code<br \/>\nbackspace \t8<br \/>\ntab \t                9<br \/>\nenter \t        13<br \/>\nshift \t                16<br \/>\nctrl            \t17<br \/>\nalt            \t        18<br \/>\npause\/break \t19<br \/>\ncaps lock      \t20<br \/>\nescape \t        27<br \/>\npage up \t        33<br \/>\npage down \t34<br \/>\nend \t                35<br \/>\nhome \t        36<br \/>\nleft arrow \t        37<br \/>\nup arrow \t        38<br \/>\nright arrow \t39<br \/>\ndown arrow \t40<br \/>\ninsert \t        45<br \/>\ndelete \t        46<br \/>\n0 \t                48<br \/>\n1\t                49<br \/>\n2 \t                50<br \/>\n3\t                51<br \/>\n4 \t                52<br \/>\n5 \t                53<br \/>\n6 \t                54<br \/>\n7 \t                55<br \/>\n8 \t                56<br \/>\n9 \t                57<br \/>\na\t                65<br \/>\nb \t                66<br \/>\nc \t                67<br \/>\nd \t                68<br \/>\ne \t                69<br \/>\nf \t                70<br \/>\ng \t                71<br \/>\nh \t                72<br \/>\ni \t                73<br \/>\nj \t                74<br \/>\nk \t                75<br \/>\nl \t                76<br \/>\nm\t                77<br \/>\nn \t                78<br \/>\no \t                79<br \/>\np\t                80<br \/>\nq \t                81<br \/>\nr \t                82<br \/>\ns \t                83<br \/>\nt \t                84<br \/>\nu \t                85<br \/>\nv \t                86<br \/>\nw \t                87<br \/>\nx \t                88<br \/>\ny\t                89<br \/>\nz \t                90<br \/>\nleft window key \t91<br \/>\nright window key 92<br \/>\nselect key \t93<br \/>\nnumpad 0 \t       96<br \/>\nnumpad 1         97<br \/>\nnumpad 2 \t       98<br \/>\nnumpad 3 \t       99<br \/>\nnumpad 4 \t       100<br \/>\nnumpad 5 \t       101<br \/>\nnumpad 6 \t       102<br \/>\nnumpad 7         103<br \/>\nnumpad 8 \t       104<br \/>\nnumpad 9         105<br \/>\nmultiply \t       106<br \/>\nadd \t               107<br \/>\nsubtract \t       109<br \/>\ndecimal point \t110<br \/>\ndivide \t       111<br \/>\nf1 \t112<br \/>\nf2 \t113<br \/>\nf3 \t114<br \/>\nf4 \t115<br \/>\nf5 \t116<br \/>\nf6 \t117<br \/>\nf7 \t118<br \/>\nf8 \t119<br \/>\nf9 \t120<br \/>\nf10 \t121<br \/>\nf11 \t122<br \/>\nf12 \t123<br \/>\nnum lock \t144<br \/>\nscroll lock \t145<br \/>\nsemi-colon \t186<br \/>\nequal sign \t187<br \/>\ncomma \t188<br \/>\ndash \t189<br \/>\nperiod \t190<br \/>\nforward slash \t191<br \/>\ngrave accent \t192<br \/>\nopen bracket \t219<br \/>\nback slash \t220<br \/>\nclose braket \t221<br \/>\nsingle quote \t222<\/p>\n<p>Para verificar qual tecla foi pressionada voc\u00ea pode conferir o Key Code no javascript, utilizando o c\u00f3digo abaixo:<\/p>\n<p>document.onkeyup=function(e){<\/p>\n<p>   if(e.which == 17){<br \/>\n          \/\/Pressionou CTRL, aqui vai a fun\u00e7\u00e3o para esta tecla.<br \/>\n     return false;<br \/>\n   }<\/p>\n<p>}<\/p>\n<p>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&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &hellip; <a href=\"https:\/\/leonardocotta.com.br\/?p=122\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Tabela de Key Codes para Javascript<\/span> <span class=\"meta-nav\">&rarr;<\/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,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[42,20],"tags":[],"class_list":["post-122","post","type-post","status-publish","format-standard","hentry","category-javascript","category-programacao"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=\/wp\/v2\/posts\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=122"}],"version-history":[{"count":0,"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=\/wp\/v2\/posts\/122\/revisions"}],"wp:attachment":[{"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leonardocotta.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}