Trigger search event when user presses Ctrl + K (#804)

Co-authored-by: Mimi <[email protected]>
next-theme · Sep 20, 2024 · 1b2b4f2 · 1b2b4f2
1 parent 0708dc7
commit 1b2b4f2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/source/js/third-party/search/algolia-search.js b/source/js/third-party/search/algolia-search.js
@@ -114,6 +114,13 @@ document.addEventListener('DOMContentLoaded', () => {
   });
   document.querySelector('.popup-btn-close').addEventListener('click', onPopupClose);
   document.addEventListener('pjax:success', onPopupClose);
+  window.addEventListener('keydown', event => {
+    if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
+      event.preventDefault();
+      document.body.classList.add('search-active');
+      setTimeout(() => input.focus(), 500);
+    }
+  });
   window.addEventListener('keyup', event => {
     if (event.key === 'Escape') {
       onPopupClose();

diff --git a/source/js/third-party/search/local-search.js b/source/js/third-party/search/local-search.js
@@ -79,6 +79,14 @@ document.addEventListener('DOMContentLoaded', () => {
     localSearch.highlightSearchWords(document.querySelector('.post-body'));
     onPopupClose();
   });
+  window.addEventListener('keydown', event => {
+    if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
+      event.preventDefault();
+      document.body.classList.add('search-active');
+      setTimeout(() => input.focus(), 500);
+      if (!localSearch.isfetched) localSearch.fetchData();
+    }
+  });
   window.addEventListener('keyup', event => {
     if (event.key === 'Escape') {
       onPopupClose();