{"id":6920,"date":"2011-03-22T08:28:35","date_gmt":"2011-03-22T12:28:35","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6920"},"modified":"2015-09-11T05:24:56","modified_gmt":"2015-09-11T09:24:56","slug":"jquery-keyboard","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/jquery-keyboard.html","title":{"rendered":"jQuery Keyboard"},"content":{"rendered":"This script allows you to track keyboard key combinations and execute some action. The home page of the project is http:\/\/code.google.com\/p\/jquerykeyboard\/\r\n\r\nJavaScript\r\nWe should include jQuery framework and jquery.keyboard.js by pointing src attribute in the script tag to those .js files.\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/03\/misc_7_1.png\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/03\/misc_7_1.png\" alt=\"jQuery keyboard\" title=\"misc_7_1\" width=\"622\" height=\"29\" class=\"aligncenter size-full wp-image-6921\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/misc_7_1.png 622w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/misc_7_1-150x7.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/03\/misc_7_1-300x14.png 300w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/a>\r\n\r\nThe below code we should insert between the <script> <\/script> tags in the body section. There we specify the key combination to track down and create a function which contains the action to execute:\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/03\/misc_7_2.png\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/03\/misc_7_2.png\" alt=\"jQuery keyboard 2\" title=\"misc_7_2\" width=\"622\" height=\"42\" class=\"aligncenter size-full wp-image-6922\" \/><\/a>\r\n\r\n+ (plus) sign between the keys means that they should be pressed together;\r\n, (comma) \u2013 this key pressed or this;\r\n(space) &#8211; keys can be pressed in any order.\r\n\r\nKeyboard button indexes can be found here http:\/\/code.google.com\/p\/jquerykeyboard\/wiki\/Indexes","protected":false},"excerpt":{"rendered":"<p>This script allows you to track keyboard key combinations and execute some action. The home page of the project is http:\/\/code.google.com\/p\/jquerykeyboard\/ JavaScript We should include jQuery framework and jquery.keyboard.js by pointing src attribute in the script tag to those .js files. The below code we should insert between the tags in the body section. There [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[264,270],"tags":[813,862,768],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6920"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=6920"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6920\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}