let keysPressed = {}; document.addEventListener( 'keydown', (event) => { keysPressed[event.key] = true; // Open dashboard if (keysPressed['Alt'] && event.key === 's') { event.preventDefault(); toggleDashboard(); return; } else if (keysPressed['Alt'] && event.key === 'e') { event.preventDefault(); toggleWebMenu(); return; } else if (keysPressed['Alt'] && event.key === 'x') { event.preventDefault(); toggleWeatherScreen(); return; } if (event.key === 'Escape') { // If searchbox is visible, hide and clear input field if (searchBoxVisility) { // Hide searchbox toggleSearchBox(); searchBox.value = ''; return; }; // Show web menu toggleWebMenu(); return; } if (searchBoxVisility === false) { // Don't show searchbox when web menu, dashboard // and weather screen is open if (webMenuVisibility || weatherScreenVisibility || rightDashboardVisibility) return; // Dont accept ctrl, alt, // left window key, f5, f12, return if (event.key === 'Control' || event.key === 'Alt' || event.key === 'Shift' || event.key === 'Meta' || event.key === 'F5' || event.key === 'F12' || event.key === 'Enter') return; // Open searchbox toggleSearchBox(); } else { // Backspacing while there's no search query will hide searhbox // Will also hide if you hit enter if ((event.key === 'Backspace' || event.key === 'Enter') && searchBox.value < 1) { toggleSearchBox(); return; }; } } ); document.addEventListener( 'keyup', (event) => { delete keysPressed[event.key]; } );