diff options
Diffstat (limited to 'content/assets/main.js')
-rw-r--r-- | content/assets/main.js | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/content/assets/main.js b/content/assets/main.js new file mode 100644 index 0000000..7189312 --- /dev/null +++ b/content/assets/main.js | |||
@@ -0,0 +1,23 @@ | |||
1 | (() => { | ||
2 | document.body.classList.remove('t-no-js'); | ||
3 | document.body.classList.add('t-js'); | ||
4 | |||
5 | const enableFocusIndicator = e => { | ||
6 | if (e.key !== 'Tab') { | ||
7 | return; | ||
8 | } | ||
9 | |||
10 | document.body.classList.add('t-keyboard'); | ||
11 | document.removeEventListener('keydown', enableFocusIndicator); | ||
12 | document.addEventListener('mousedown', disableFocusIndicator); | ||
13 | } | ||
14 | |||
15 | const disableFocusIndicator = () => { | ||
16 | document.body.classList.remove('t-keyboard'); | ||
17 | |||
18 | document.removeEventListener('mousedown', disableFocusIndicator); | ||
19 | document.addEventListener('keydown', enableFocusIndicator); | ||
20 | } | ||
21 | |||
22 | document.addEventListener('keydown', enableFocusIndicator); | ||
23 | })(); | ||