Allow Cmd/Ctrl+K for search, remove 's'

Author: alex-shpak

assets/search.js

@@ -34,36 +34,30 @@ import Fuse from '{{ "fuse.min.mjs" | relURL }}'
   input.addEventListener('focus', init);
   input.addEventListener('keyup', search);
 
-  document.addEventListener('keypress', focusSearchFieldOnKeyPress);
+  document.addEventListener('keydown', focusOnKeyDown);
 
   /**
-   * @param {Event} event
+   * @param {KeyboardEvent} event
    */
-  function focusSearchFieldOnKeyPress(event) {
-    if (event.target.value !== undefined) {
+  function focusOnKeyDown(event) {
+    if (event.key === 'k' && (event.metaKey || event.ctrlKey)) {
+      event.preventDefault();
+      input.focus();
       return;
     }
 
     if (input === document.activeElement) {
       return;
     }
 
-    const characterPressed = String.fromCharCode(event.charCode);
-    if (!isHotkey(characterPressed)) {
+    if (event.target.value !== undefined) {
       return;
     }
 
-    input.focus();
-    event.preventDefault();
-  }
-
-  /**
-   * @param {String} character
-   * @returns {Boolean} 
-   */
-  function isHotkey(character) {
-    const dataHotkeys = input.getAttribute('data-hotkeys') || '';
-    return dataHotkeys.indexOf(character) >= 0;
+    if (event.key === '/') {
+      event.preventDefault();
+      input.focus();
+    }
   }
 
   function init() {

layouts/_partials/docs/search.html

@@ -3,7 +3,7 @@
   <input id="book-search-input" type="text" 
     placeholder="{{ partial "docs/text/i18n" "Search" }}"
     aria-label="{{ partial "docs/text/i18n" "Search" }}"
-    maxlength="64" data-hotkeys="s/" />
+    maxlength="64" />
   <div class="book-search-spinner hidden"></div>
   <ul id="book-search-results"></ul>
 </div>