{"id":8333,"date":"2024-03-04T11:01:53","date_gmt":"2024-03-04T10:01:53","guid":{"rendered":"https:\/\/solidt.eu\/site\/?p=8333"},"modified":"2024-03-04T15:29:28","modified_gmt":"2024-03-04T14:29:28","slug":"typescript-global-keystate","status":"publish","type":"post","link":"https:\/\/solidt.eu\/site\/typescript-global-keystate\/","title":{"rendered":"Typescript global keystate"},"content":{"rendered":"\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace\"><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"typescript\" data-theme=\"monokai\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"false\">export interface IKeyStates {\r\n    control: boolean;\r\n    shift: boolean;\r\n    alt: boolean;\r\n}\r\n\r\nclass KeyStateProvider {\r\n    register() {\r\n        const keyStates: IKeyStates = {\r\n            control: false,\r\n            shift: false,\r\n            alt: false\r\n        };\r\n\r\n        let element: HTMLElement = window.document.body;\r\n        element.addEventListener(\"keydown\", function (event) {\r\n            if (event.key === \"Alt\")\r\n                keyStates.alt = true;\r\n            if (event.key === \"Control\")\r\n                keyStates.control = true;\r\n            if (event.key === \"Shift\")\r\n                keyStates.shift = true;\r\n        });\r\n        element.addEventListener(\"keyup\", function (event) {\r\n            if (event.key === \"Alt\")\r\n                keyStates.alt = false;\r\n            if (event.key === \"Control\")\r\n                keyStates.control = false;\r\n            if (event.key === \"Shift\")\r\n                keyStates.shift = false;\r\n        });\r\n\r\n        this.keyStates = keyStates;\r\n    }\r\n    keyStates: IKeyStates;\r\n\r\n    constructor() {\r\n        this.keyStates = {\r\n            control: false,\r\n            alt: false,\r\n            shift: false\r\n        };\r\n        this.register();\r\n    }\r\n}\r\n\r\nexport const keyStateProvider = new KeyStateProvider();\r\n\r\n\r\n\r\n\/\/ usage:\r\nimport { keyStateProvider } from \".\/helpers\/KeyStateProvider\";\r\n\r\nif (keyStateProvider.keyStates.control) {\r\n    \/\/ control is pressed\r\n}\r\n\r\n\r\n\r\n<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8333","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/8333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/comments?post=8333"}],"version-history":[{"count":4,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/8333\/revisions"}],"predecessor-version":[{"id":8341,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/8333\/revisions\/8341"}],"wp:attachment":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/media?parent=8333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/categories?post=8333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/tags?post=8333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}