-
Notifications
You must be signed in to change notification settings - Fork 1
/
keyboard-shortcuts.js
37 lines (32 loc) · 1.35 KB
/
keyboard-shortcuts.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
//creates a tooltip that only appears on the first visit to the site
let searchKeyboardToolTip = tippy(document.querySelector('form'), {
content: `<h2 class='text-indigo-400 text-2xl border-b border-solid border-indigo-300 mb-2'>Type Anywhere ⌨</h2><p class='text-indigo-400 text-xl'>Just start typing <span class='font-semibold'>anywhere</span> on the page and we'll start your search! Try: <span class='font-semibold'>'matrix'</span> or <span class='font-semibold'>'star wars'</span></p>`,
allowHTML: true,
// trigger for testing/styling
// trigger: 'click',
trigger: 'manual',
theme: 'dark-tip',
maxWidth: 500,
placement: 'top',
arrow: false,
animation: 'shift-away-extreme',
inertia: true,
});
document.addEventListener('keydown', (event) => {
searchKeyboardToolTip.hide();
if (`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz`.includes(event.key) && document.activeElement != search) {
search.scrollIntoView({ behavior: 'smooth' });
search.focus();
searchKeyboardToolTip.hide();
// console.log(search.value)
// search.value = search.value.concat(event.key)
}
});
const resetUser = () => {
localStorage.clear();
location.reload();
};
let userStatus = {
firstTime: !localStorage.getItem('firstTime') ? true : false
};
localStorage.setItem('firstTime', false);