]> git.scottworley.com Git - vopamoi/commitdiff
projects / vopamoi / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 9e79bdb)
j/k movement keys
authorScott Worley <scottworley@scottworley.com>
Tue, 25 Jan 2022 21:31:52 +0000 (13:31 -0800)
committerScott Worley <scottworley@scottworley.com>
Thu, 27 Jan 2022 20:20:34 +0000 (12:20 -0800)
index.html patch | blob | blame | history
vopamoi.ts patch | blob | blame | history

diff --git a/index.html b/index.html
index 5721f962743b7f78cceae61838adacc8155e563f..5ed2498f3bb48f3fc5c43e69de271cd9305a6864 100644 (file)
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
   <head>
     <script src="vopamoi.js" defer="true"></script>
   </head>
   <head>
     <script src="vopamoi.js" defer="true"></script>
   </head>
-  <body>
+  <body onload="browserInit();">
     <form onsubmit="return browserCreateTask(this);">
       <input name="taskName">
     </form>
     <form onsubmit="return browserCreateTask(this);">
       <input name="taskName">
     </form>
diff --git a/vopamoi.ts b/vopamoi.ts
index cfa118695c4f82c00b113e605b522710eac07489..a0b2cfb82e5e980a769d14838c431fb1a3b89be2 100644 (file)
--- a/vopamoi.ts
+++ b/vopamoi.ts
@@ -9,8 +9,30 @@ function addTask(description: string) {
   document.body.appendChild(createTask(description));
 }
 
   document.body.appendChild(createTask(description));
 }
 
+function moveCursor(offset: number) {
+  var active = document.activeElement;
+  if (offset === 1 && active) {
+    active = active.nextElementSibling;
+  }
+  if (offset === -1 && active) {
+    active = active.previousElementSibling;
+  }
+  if (active && active instanceof HTMLElement) active.focus();
+}
+
+function handleKey(event: any) {
+  if (event.target.tagName !== "INPUT") {
+    if (event.key == "j") moveCursor(1);
+    if (event.key == "k") moveCursor(-1);
+  }
+}
+
 function browserCreateTask(form: any) {
   addTask(form.taskName.value);
   form.taskName.value = "";
   return false;
 }
 function browserCreateTask(form: any) {
   addTask(form.taskName.value);
   form.taskName.value = "";
   return false;
 }
+
+function browserInit() {
+  document.body.addEventListener("keydown", handleKey, { capture: false });
+}
TODO organizer