diff options
| author | Jake Mannens <jake@asger.xyz> | 2023-09-08 03:05:42 +1000 |
|---|---|---|
| committer | Jake Mannens <jakem_5@hotmail.com> | 2026-01-14 20:19:11 +1100 |
| commit | 6255f7c74687934e6701ddd98f5e3a84de78c451 (patch) | |
| tree | 96d6c0534d870b47e30472d9052672e9857fe057 /wwwroot/js | |
| parent | 9d651759bc8757773d89356ad15dba5566e003e1 (diff) | |
Added global keyboard shortcuts
Diffstat (limited to 'wwwroot/js')
| -rw-r--r-- | wwwroot/js/keyboard.js | 35 |
1 files changed, 34 insertions, 1 deletions
diff --git a/wwwroot/js/keyboard.js b/wwwroot/js/keyboard.js index 9d06b75..e3854f9 100644 --- a/wwwroot/js/keyboard.js +++ b/wwwroot/js/keyboard.js @@ -1,5 +1,25 @@ async function keyDownHandler(e) { - e.preventDefault(); + function isDialogChild(e) { + while (e = e.parentElement) + if (e.tagName == 'DIV' && e.classList.contains('dialog')) + return true; + return false; + } + + var tag = document.activeElement.tagName; + if((tag == 'INPUT' || (tag == 'TEXTAREA' && e.ctrlKey)) && e.key == 'Enter') { + var element = document.activeElement; + while(element = element.parentElement) { + if(element.tagName == 'FORM') { + element.submit(); + e.preventDefault(); + return; + } + } + } + + if((tag == 'INPUT' || tag == 'TEXTAREA') && e.key != 'Escape') + return; var element = Array.from(document.querySelectorAll('div.dialog')) .filter(e => e.style.visibility == 'visible') @@ -12,6 +32,19 @@ async function keyDownHandler(e) { .find(d => d.element == element) .dialogObject .invokeMethodAsync('KeyHandler', e.key); + e.preventDefault(); + return; + } + + var button = Array.from(document.getElementsByTagName('button')) + .filter(b => typeof(b.dataset.keyboardShortcut) == 'string') + .filter(b => !isDialogChild(b)) + .find(b => b.dataset.keyboardShortcut == e.key); + + if(button) { + button.click(); + e.preventDefault(); + return; } } |
