Add search.js

Author: toshimaru

src/_layouts/default.html

@@ -76,5 +76,6 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.3.0/anchor.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script>
   <script src="/assets/js/app.js"></script>
+  <script src="/assets/js/search.js"></script>
 </body>
 </html>

src/assets/js/search.js

@@ -0,0 +1,19 @@
+$(() => {
+  const searchForm = document.getElementById("search-form")
+
+  addEventListener("keydown", (e) => {
+    switch (e.key) {
+      case '/':
+        if (document.activeElement === searchForm) break
+
+        e.preventDefault()
+        searchForm.focus()
+        break
+      case 'Escape':
+        if (document.activeElement === searchForm) {
+          searchForm.blur()
+        }
+        break
+    }
+  })
+});