{"id":73,"date":"2015-07-06T22:25:54","date_gmt":"2015-07-07T02:55:54","guid":{"rendered":"http:\/\/gregorgonzalez.com.ve\/blog\/?p=73"},"modified":"2015-07-06T22:25:54","modified_gmt":"2015-07-07T02:55:54","slug":"codigo-de-caracteres-javascript","status":"publish","type":"post","link":"https:\/\/gregorgonzalez.com.ve\/blog\/codigo-de-caracteres-javascript\/","title":{"rendered":"C\u00f3digo de caracteres JavaScript"},"content":{"rendered":"<p>Si trabajas con eventos de javascript puedes capturar las teclas que presiona un usuario cuando escribe en su teclado. Al capturar este evento podemos asignarle alguna acci\u00f3n, pero para saber que tecla se presion\u00f3 debemos obtener el c\u00f3digo de dicha tecla, en este caso cada tecla pertenece a un n\u00famero, este n\u00famero puede variar en cada navegador o versi\u00f3n del navegador.<\/p>\n<p>En la p\u00e1gina <a href=\"http:\/\/www.cambiaresearch.com\/articles\/15\/javascript-char-codes-key-codes\">http:\/\/www.cambiaresearch.com\/articles\/15\/javascript-char-codes-key-codes<\/a> encontrar\u00e1s el listado con todos los c\u00f3digos y un formulario para probar la capturaci\u00f3n de teclas.<\/p>\n<p><a href=\"http:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/codigo-de-tecla-javascript.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74\" src=\"http:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/codigo-de-tecla-javascript.png\" alt=\"codigo de tecla javascript\" width=\"757\" height=\"402\" srcset=\"https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/codigo-de-tecla-javascript.png 757w, https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/codigo-de-tecla-javascript-300x159.png 300w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Puedes obtener el c\u00f3digo completo y probarlo en este jsfiddle <a href=\"http:\/\/jsfiddle.net\/ENSASKE\/Lqt8ne37\/\">http:\/\/jsfiddle.net\/ENSASKE\/Lqt8ne37\/<\/a><\/p>\n<p>Si se hace m\u00e1s c\u00f3modo, tambi\u00e9n lo pondr\u00e9 directamente aqu\u00ed:<\/p>\n<pre class=\"font:courier-new lang:default decode:true\" title=\"C\u00f3digo JavaScript\">function mostrarCodigo(evento){\t\r\n     \r\n\t var codigo = (evento.which) ? evento.which : event.keyCode\r\n\t var nombreTecla = \"\";\r\n\t\r\n\t if(codigo == 8){ nombreTecla = \"backspace\"; }\r\n\t if(codigo == 9){ nombreTecla = \"tab\"; }\r\n\t if(codigo == 13){ nombreTecla = \"enter\"; }\r\n\t if(codigo == 16){ nombreTecla = \"shift\"; }\r\n\t if(codigo == 17){ nombreTecla = \"ctrl\"; }\r\n\t if(codigo == 18){ nombreTecla = \"alt\"; }\r\n\t if(codigo == 19){ nombreTecla = \"pause\/break\"; }\r\n\t if(codigo == 20){ nombreTecla = \"caps lock\"; }\r\n\t if(codigo == 27){ nombreTecla = \"escape\"; }\r\n     if(codigo == 32){ nombreTecla = \"space\"; }\r\n\t if(codigo == 33){ nombreTecla = \"page up\"; }\r\n\t if(codigo == 34){ nombreTecla = \"page down\"; }\r\n\t if(codigo == 35){ nombreTecla = \"end\"; }\r\n\t if(codigo == 36){ nombreTecla = \"home\"; }\r\n\t if(codigo == 37){ nombreTecla = \"left arrow\"; }\r\n\t if(codigo == 38){ nombreTecla = \"up arrow\"; }\r\n\t if(codigo == 39){ nombreTecla = \"right arrow\"; }\r\n\t if(codigo == 40){ nombreTecla = \"down arrow\"; }\r\n\t if(codigo == 45){ nombreTecla = \"insert\"; }\r\n\t if(codigo == 46){ nombreTecla = \"delete\"; }\r\n\t if(codigo == 91){ nombreTecla = \"left window\"; }\r\n\t if(codigo == 92){ nombreTecla = \"right window\"; }\r\n\t if(codigo == 93){ nombreTecla = \"select key\"; }\r\n\t if(codigo == 96){ nombreTecla = \"numpad 0\"; }\r\n\t if(codigo == 97){ nombreTecla = \"numpad 1\"; }\r\n\t if(codigo == 98){ nombreTecla = \"numpad 2\"; }\r\n\t if(codigo == 99){ nombreTecla = \"numpad 3\"; }\r\n\t if(codigo == 100){ nombreTecla = \"numpad 4\"; }\r\n\t if(codigo == 101){ nombreTecla = \"numpad 5\"; }\r\n\t if(codigo == 102){ nombreTecla = \"numpad 6\"; }\r\n\t if(codigo == 103){ nombreTecla = \"numpad 7\"; }\r\n\t if(codigo == 104){ nombreTecla = \"numpad 8\"; }\r\n\t if(codigo == 105){ nombreTecla = \"numpad 9\"; }\r\n\t if(codigo == 106){ nombreTecla = \"multiply\"; }\r\n\t if(codigo == 107){ nombreTecla = \"add\"; }\r\n\t if(codigo == 109){ nombreTecla = \"subtract\"; }\r\n\t if(codigo == 110){ nombreTecla = \"decimal point\"; }\r\n\t if(codigo == 111){ nombreTecla = \"divide\"; }\r\n\t if(codigo == 112){ nombreTecla = \"F1\"; }\r\n\t if(codigo == 113){ nombreTecla = \"F2\"; }\r\n\t if(codigo == 114){ nombreTecla = \"F3\"; }\r\n\t if(codigo == 115){ nombreTecla = \"F4\"; }\r\n\t if(codigo == 116){ nombreTecla = \"F5\"; }\r\n\t if(codigo == 117){ nombreTecla = \"F6\"; }\r\n\t if(codigo == 118){ nombreTecla = \"F7\"; }\r\n\t if(codigo == 119){ nombreTecla = \"F8\"; }\r\n\t if(codigo == 120){ nombreTecla = \"F9\"; }\r\n\t if(codigo == 121){ nombreTecla = \"F10\"; }\r\n\t if(codigo == 122){ nombreTecla = \"F11\"; }\r\n\t if(codigo == 123){ nombreTecla = \"F12\"; }\r\n\t if(codigo == 144){ nombreTecla = \"num lock\"; }\r\n\t if(codigo == 145){ nombreTecla = \"scroll lock\"; }\r\n\t if(codigo == 186){ nombreTecla = \";\"; }\r\n\t if(codigo == 187){ nombreTecla = \"=\"; }\r\n\t if(codigo == 188){ nombreTecla = \",\"; }\r\n\t if(codigo == 189){ nombreTecla = \"-\"; }\r\n\t if(codigo == 190){ nombreTecla = \".\"; }\r\n\t if(codigo == 191){ nombreTecla = \"\/\"; }\r\n\t if(codigo == 192){ nombreTecla = \"`\"; }\r\n\t if(codigo == 219){ nombreTecla = \"[\"; }\r\n\t if(codigo == 220){ nombreTecla = \"\\\\\"; }\r\n\t if(codigo == 221){ nombreTecla = \"]\"; }\r\n\t if(codigo == 222){ nombreTecla = \"'\"; }\r\n\r\n\talert('Codigo:  '+codigo+' Tecla: '+nombreTecla);\r\n\r\n }<\/pre>\n<p>Y para emplearlo solo basta agregarlo a alg\u00fan campo, si deseas que no se ejecute la acci\u00f3n de la tecla, puedes colocar que la funci\u00f3n devuelva <code>return false;<\/code> o usar <code>evento.preventDefault();<\/code><\/p>\n<pre class=\"font:courier-new lang:xhtml decode:true\" title=\"C\u00f3digo Html\">&lt;input type=\"text\" onKeyDown=\"return mostrarCodigo(event);\"\/&gt;<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si trabajas con eventos de javascript puedes capturar las teclas que presiona un usuario cuando escribe en su teclado. Al capturar este evento podemos asignarle alguna acci\u00f3n, pero para saber que tecla se presion\u00f3 debemos obtener el c\u00f3digo de dicha tecla, en este caso cada tecla pertenece a un n\u00famero, este n\u00famero puede variar en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[34,6],"tags":[38,35,36,39,37],"_links":{"self":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts\/73"}],"collection":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":0,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"wp:attachment":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}