Added simple hotkeys for existing control buttons.

linqs · Jun 27, 2024 · ca1aabf · ca1aabf
1 parent 2547e6b
commit ca1aabf
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/static/index.html b/static/index.html
@@ -41,9 +41,9 @@ <h1>Shark Clipper</h1>
                         </div>
 
                         <div class='page-section control-area'>
-                            <button onclick='toggleSelection()'>Toggle Selection Box</button>
-                            <button onclick='captureFrame()'>Take Screenshot</button>
-                            <button onclick='save()'>Save Screenshots</button>
+                            <button onclick='toggleSelection()'>Toggle Selection Box (B)</button>
+                            <button onclick='captureFrame()'>Take Screenshot (F)</button>
+                            <button onclick='save()'>Save Screenshots (S)</button>
                         </div>
 
                         <div class='page-section screenshot-area'>

diff --git a/static/js/main.js b/static/js/main.js
@@ -423,8 +423,22 @@ function fetchVersion() {
         });
 }
 
+// Initialize hotkey functionality.
+function initializeHotkeys() {
+    document.addEventListener('keydown', (event) => {
+        if (event.code === 'KeyB') {
+            toggleSelection();
+        } else if (event.code === 'KeyF') {
+            captureFrame();
+        } else if (event.code === 'KeyS') {
+            save();
+        } 
+    });
+}
+
 function main() {
     fetchVersion();
+    initializeHotkeys();
     goToUploadScreen();
 }