When the user presses Ctrl + K will target Search Event

next-theme · May 22, 2024 · 590b2c3 · 590b2c3
1 parent ddecbe3
commit 590b2c3
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.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.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();