{"id":26,"date":"2020-06-30T10:24:18","date_gmt":"2020-06-30T10:24:18","guid":{"rendered":"http:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/"},"modified":"2020-06-30T10:24:18","modified_gmt":"2020-06-30T10:24:18","slug":"javascript-function-keyboard-key","status":"publish","type":"post","link":"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/","title":{"rendered":"javascript function keyboard key"},"content":{"rendered":"

With javascript we can control the function of keyboard key. Its necessary sometimes when we have to create an event on clicking some specific key. In this post we are going to learn how to handle javascript funciton keyboard key.<\/p>\n

How to use javascript function keyboard key<\/h2>\n
\n<script type=\"text\/javascript\">\ndocument.onkeydown = function (e) { \n\u00a0 \u00a0 if(e.which == 49){ \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return false;\n\u00a0 \u00a0 }\n}\n<\/script>\u00a0\n<\/code><\/pre>\n
This is the list of all key code in your keyboard.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
KEY<\/b><\/td>\nCODE<\/b><\/td>\nKEY<\/b><\/td>\nCODE<\/b><\/td>\n<\/tr>\n
backspace<\/td>\n8<\/td>\ntab<\/td>\n9<\/td>\n<\/tr>\n
enter<\/td>\n13<\/td>\nshift<\/td>\n16<\/td>\n<\/tr>\n
ctrl<\/td>\n17<\/td>\nalt<\/td>\n18<\/td>\n<\/tr>\n
pause\/break<\/td>\n19<\/td>\ncaps lock<\/td>\n20<\/td>\n<\/tr>\n
escape<\/td>\n27<\/td>\npage up<\/td>\n33<\/td>\n<\/tr>\n
page down<\/td>\n34<\/td>\nend<\/td>\n35<\/td>\n<\/tr>\n
home<\/td>\n36<\/td>\nleft arrow<\/td>\n37<\/td>\n<\/tr>\n
up arrow<\/td>\n38<\/td>\nright arrow<\/td>\n39<\/td>\n<\/tr>\n
down arrow<\/td>\n40<\/td>\ninsert<\/td>\n45<\/td>\n<\/tr>\n
delete<\/td>\n46<\/td>\n0<\/td>\n48<\/td>\n<\/tr>\n
1<\/td>\n49<\/td>\n2<\/td>\n50<\/td>\n<\/tr>\n
3<\/td>\n51<\/td>\n4<\/td>\n52<\/td>\n<\/tr>\n
5<\/td>\n53<\/td>\n6<\/td>\n54<\/td>\n<\/tr>\n
7<\/td>\n55<\/td>\n8<\/td>\n56<\/td>\n<\/tr>\n
9<\/td>\n57<\/td>\na<\/td>\n65<\/td>\n<\/tr>\n
b<\/td>\n66<\/td>\nc<\/td>\n67<\/td>\n<\/tr>\n
d<\/td>\n68<\/td>\ne<\/td>\n69<\/td>\n<\/tr>\n
f<\/td>\n70<\/td>\ng<\/td>\n71<\/td>\n<\/tr>\n
h<\/td>\n72<\/td>\ni<\/td>\n73<\/td>\n<\/tr>\n
j<\/td>\n74<\/td>\nk<\/td>\n75<\/td>\n<\/tr>\n
l<\/td>\n76<\/td>\nm<\/td>\n77<\/td>\n<\/tr>\n
n<\/td>\n78<\/td>\no<\/td>\n79<\/td>\n<\/tr>\n
p<\/td>\n80<\/td>\nq<\/td>\n81<\/td>\n<\/tr>\n
r<\/td>\n82<\/td>\ns<\/td>\n83<\/td>\n<\/tr>\n
t<\/td>\n84<\/td>\nu<\/td>\n85<\/td>\n<\/tr>\n
v<\/td>\n86<\/td>\nw<\/td>\n87<\/td>\n<\/tr>\n
x<\/td>\n88<\/td>\ny<\/td>\n89<\/td>\n<\/tr>\n
z<\/td>\n90<\/td>\nleft window key<\/td>\n91<\/td>\n<\/tr>\n
right window key<\/td>\n92<\/td>\nselect key<\/td>\n93<\/td>\n<\/tr>\n
numpad 0<\/td>\n96<\/td>\nnumpad 1<\/td>\n97<\/td>\n<\/tr>\n
numpad 2<\/td>\n98<\/td>\nnumpad 3<\/td>\n99<\/td>\n<\/tr>\n
numpad 4<\/td>\n100<\/td>\nnumpad 5<\/td>\n101<\/td>\n<\/tr>\n
numpad 6<\/td>\n102<\/td>\nnumpad 7<\/td>\n103<\/td>\n<\/tr>\n
numpad 8<\/td>\n104<\/td>\nnumpad 9<\/td>\n105<\/td>\n<\/tr>\n
multiply<\/td>\n106<\/td>\nadd<\/td>\n107<\/td>\n<\/tr>\n
ctrl<\/td>\n17<\/td>\nalt<\/td>\n18<\/td>\n<\/tr>\n
subtract<\/td>\n109<\/td>\ndecimal point<\/td>\n110<\/td>\n<\/tr>\n
divide<\/td>\n111<\/td>\nf1<\/td>\n112<\/td>\n<\/tr>\n
f2<\/td>\n113<\/td>\nf3<\/td>\n114<\/td>\n<\/tr>\n
f4<\/td>\n115<\/td>\nf5<\/td>\n116<\/td>\n<\/tr>\n
f6<\/td>\n117<\/td>\nf7<\/td>\n118<\/td>\n<\/tr>\n
f8<\/td>\n119<\/td>\nf9<\/td>\n120<\/td>\n<\/tr>\n
f10<\/td>\n121<\/td>\nf11<\/td>\n122<\/td>\n<\/tr>\n
f12<\/td>\n123<\/td>\nnum lock<\/td>\n144<\/td>\n<\/tr>\n
scroll lock<\/td>\n145<\/td>\nsemi-colon<\/td>\n186<\/td>\n<\/tr>\n
equal sign<\/td>\n187<\/td>\ncomma<\/td>\n188<\/td>\n<\/tr>\n
dash<\/td>\n189<\/td>\nperiod<\/td>\n190<\/td>\n<\/tr>\n
forward slash<\/td>\n191<\/td>\ngrave accent<\/td>\n192<\/td>\n<\/tr>\n
open bracket<\/td>\n219<\/td>\nback slash<\/td>\n220<\/td>\n<\/tr>\n
close braket<\/td>\n221<\/td>\nsingle quote<\/td>\n222<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
With javascript we can control the function of keyboard key. Its necessary sometimes when we have to create an event on clicking some specific key. In this post we are going to learn how to handle javascript funciton keyboard key. How to use javascript function keyboard key <script type=”text\/javascript”> document.onkeydown = function (e) { \u00a0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-26","post","type-post","status-publish","format-standard","hentry","category-javascript"],"yoast_head":"\njavascript function keyboard key - Santosh Kumar Shah<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"javascript function keyboard key - Santosh Kumar Shah\" \/>\n<meta property=\"og:description\" content=\"With javascript we can control the function of keyboard key. Its necessary sometimes when we have to create an event on clicking some specific key. In this post we are going to learn how to handle javascript funciton keyboard key. How to use javascript function keyboard key <script type="text\/javascript"> document.onkeydown = function (e) { \u00a0 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/\" \/>\n<meta property=\"og:site_name\" content=\"Santosh Kumar Shah\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-30T10:24:18+00:00\" \/>\n<meta name=\"author\" content=\"Santosh Kumar Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Santosh Kumar Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/\",\"url\":\"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/\",\"name\":\"javascript function keyboard key - Santosh Kumar Shah\",\"isPartOf\":{\"@id\":\"https:\/\/santosh-shah.com\/blog\/#website\"},\"datePublished\":\"2020-06-30T10:24:18+00:00\",\"author\":{\"@id\":\"https:\/\/santosh-shah.com\/blog\/#\/schema\/person\/b17cb45bdd5f518e74a08ad2c6c4b39f\"},\"breadcrumb\":{\"@id\":\"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/santosh-shah.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"javascript function keyboard key\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/santosh-shah.com\/blog\/#website\",\"url\":\"https:\/\/santosh-shah.com\/blog\/\",\"name\":\"Santosh Kumar Shah\",\"description\":\"JavaScript Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/santosh-shah.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/santosh-shah.com\/blog\/#\/schema\/person\/b17cb45bdd5f518e74a08ad2c6c4b39f\",\"name\":\"Santosh Kumar Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/santosh-shah.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cf46c57219d897547f3204b6b302169b3302b17507ccc902946b622a78d0b98b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cf46c57219d897547f3204b6b302169b3302b17507ccc902946b622a78d0b98b?s=96&d=mm&r=g\",\"caption\":\"Santosh Kumar Shah\"},\"description\":\"I am JavaScript developer.\",\"sameAs\":[\"https:\/\/santosh-shah.com\/blog\"],\"url\":\"https:\/\/santosh-shah.com\/blog\/author\/sks7yu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"javascript function keyboard key - Santosh Kumar Shah","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/","og_locale":"en_US","og_type":"article","og_title":"javascript function keyboard key - Santosh Kumar Shah","og_description":"With javascript we can control the function of keyboard key. Its necessary sometimes when we have to create an event on clicking some specific key. In this post we are going to learn how to handle javascript funciton keyboard key. How to use javascript function keyboard key <script type=\"text\/javascript\"> document.onkeydown = function (e) { \u00a0 […]","og_url":"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/","og_site_name":"Santosh Kumar Shah","article_published_time":"2020-06-30T10:24:18+00:00","author":"Santosh Kumar Shah","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Santosh Kumar Shah","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/","url":"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/","name":"javascript function keyboard key - Santosh Kumar Shah","isPartOf":{"@id":"https:\/\/santosh-shah.com\/blog\/#website"},"datePublished":"2020-06-30T10:24:18+00:00","author":{"@id":"https:\/\/santosh-shah.com\/blog\/#\/schema\/person\/b17cb45bdd5f518e74a08ad2c6c4b39f"},"breadcrumb":{"@id":"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/santosh-shah.com\/blog\/javascript-function-keyboard-key\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/santosh-shah.com\/blog\/"},{"@type":"ListItem","position":2,"name":"javascript function keyboard key"}]},{"@type":"WebSite","@id":"https:\/\/santosh-shah.com\/blog\/#website","url":"https:\/\/santosh-shah.com\/blog\/","name":"Santosh Kumar Shah","description":"JavaScript Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/santosh-shah.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/santosh-shah.com\/blog\/#\/schema\/person\/b17cb45bdd5f518e74a08ad2c6c4b39f","name":"Santosh Kumar Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/santosh-shah.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cf46c57219d897547f3204b6b302169b3302b17507ccc902946b622a78d0b98b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cf46c57219d897547f3204b6b302169b3302b17507ccc902946b622a78d0b98b?s=96&d=mm&r=g","caption":"Santosh Kumar Shah"},"description":"I am JavaScript developer.","sameAs":["https:\/\/santosh-shah.com\/blog"],"url":"https:\/\/santosh-shah.com\/blog\/author\/sks7yu\/"}]}},"_links":{"self":[{"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/posts\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":0,"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/posts\/26\/revisions"}],"wp:attachment":[{"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/categories?post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/santosh-shah.com\/blog\/wp-json\/wp\/v2\/tags?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}