{"id":26753,"date":"2024-03-16T07:15:42","date_gmt":"2024-03-16T07:15:42","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/"},"modified":"2024-03-22T09:21:07","modified_gmt":"2024-03-22T09:21:07","slug":"learn-about-the-usage-of-event-keycode-in-detail","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/","title":{"rendered":"Learn about the usage of event.keyCode in detail."},"content":{"rendered":"<p>event.keyCode is a property used to retrieve the Unicode character encoding value of the key that triggered the keyboard event.<\/p>\n<p>In older versions of JavaScript, it was common practice to use event.keyCode to retrieve the character code of a keyboard event. However, the event.keyCode property has been deprecated and is no longer recommended. It is now recommended to use either event.key or event.code properties to obtain information about keyboard events.<\/p>\n<p>The event.key property returns a string that represents the value of the key that triggered the keyboard event. It will return different values based on the key and the current keyboard layout. For example, pressing the &#8220;A&#8221; key on an American keyboard layout will return &#8220;A&#8221;, whereas on a German keyboard layout it will return &#8220;Q&#8221;.<\/p>\n<p>The event.code property returns a string that represents the unique identifier of the key that triggered the keyboard event. It is not affected by the keyboard layout. For example, pressing the &#8220;A&#8221; key will always return &#8220;KeyA&#8221; regardless of the current keyboard layout.<\/p>\n<p>If you still need to use the event.keyCode property to get the character code of a keyboard event, you can use event.which as a replacement. event.which is an alternative to event.keyCode, used to get the character code in some older browsers. However, according to MDN&#8217;s recommendation, it is advised to use event.key and event.code instead of event.keyCode and event.which for more accurate and reliable information.<\/p>\n<p>Summary: event.keyCode is deprecated, it is recommended to use event.key or event.code property to retrieve information from keyboard events.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>event.keyCode is a property used to retrieve the Unicode character encoding value of the key that triggered the keyboard event. In older versions of JavaScript, it was common practice to use event.keyCode to retrieve the character code of a keyboard event. However, the event.keyCode property has been deprecated and is no longer recommended. It is [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-26753","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Learn about the usage of event.keyCode in detail. - Blog - Silicon Cloud<\/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:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn about the usage of event.keyCode in detail.\" \/>\n<meta property=\"og:description\" content=\"event.keyCode is a property used to retrieve the Unicode character encoding value of the key that triggered the keyboard event. In older versions of JavaScript, it was common practice to use event.keyCode to retrieve the character code of a keyboard event. However, the event.keyCode property has been deprecated and is no longer recommended. It is [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-16T07:15:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T09:21:07+00:00\" \/>\n<meta name=\"author\" content=\"Emily Johnson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emily Johnson\" \/>\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\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/\"},\"author\":{\"name\":\"Emily Johnson\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/3b041b19cffc258705478ecfab895378\"},\"headline\":\"Learn about the usage of event.keyCode in detail.\",\"datePublished\":\"2024-03-16T07:15:42+00:00\",\"dateModified\":\"2024-03-22T09:21:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/\"},\"wordCount\":281,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/\",\"name\":\"Learn about the usage of event.keyCode in detail. - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-16T07:15:42+00:00\",\"dateModified\":\"2024-03-22T09:21:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn about the usage of event.keyCode in detail.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/3b041b19cffc258705478ecfab895378\",\"name\":\"Emily Johnson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a5cb4e73d02ab1d79f2dfe919389ff7c1de072baa97686392031c03d858cc358?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a5cb4e73d02ab1d79f2dfe919389ff7c1de072baa97686392031c03d858cc358?s=96&d=mm&r=g\",\"caption\":\"Emily Johnson\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/emilyjohnson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Learn about the usage of event.keyCode in detail. - Blog - Silicon Cloud","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:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/","og_locale":"en_US","og_type":"article","og_title":"Learn about the usage of event.keyCode in detail.","og_description":"event.keyCode is a property used to retrieve the Unicode character encoding value of the key that triggered the keyboard event. In older versions of JavaScript, it was common practice to use event.keyCode to retrieve the character code of a keyboard event. However, the event.keyCode property has been deprecated and is no longer recommended. It is [&hellip;]","og_url":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-16T07:15:42+00:00","article_modified_time":"2024-03-22T09:21:07+00:00","author":"Emily Johnson","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Emily Johnson","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/"},"author":{"name":"Emily Johnson","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/3b041b19cffc258705478ecfab895378"},"headline":"Learn about the usage of event.keyCode in detail.","datePublished":"2024-03-16T07:15:42+00:00","dateModified":"2024-03-22T09:21:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/"},"wordCount":281,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/","url":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/","name":"Learn about the usage of event.keyCode in detail. - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-16T07:15:42+00:00","dateModified":"2024-03-22T09:21:07+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/learn-about-the-usage-of-event-keycode-in-detail\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Learn about the usage of event.keyCode in detail."}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/3b041b19cffc258705478ecfab895378","name":"Emily Johnson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a5cb4e73d02ab1d79f2dfe919389ff7c1de072baa97686392031c03d858cc358?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a5cb4e73d02ab1d79f2dfe919389ff7c1de072baa97686392031c03d858cc358?s=96&d=mm&r=g","caption":"Emily Johnson"},"url":"https:\/\/www.silicloud.com\/blog\/author\/emilyjohnson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/26753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=26753"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/26753\/revisions"}],"predecessor-version":[{"id":60937,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/26753\/revisions\/60937"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=26753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=26753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=26753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}