27 lines
861 B
JavaScript
27 lines
861 B
JavaScript
document.addEventListener("DOMContentLoaded", function(event) {
|
|
// Constants declaration
|
|
const navBar = document.querySelector("#navbar");
|
|
const searchBar = navBar.querySelector("#search-bar");
|
|
|
|
|
|
// Shortcuts
|
|
document.querySelector("body").addEventListener("keydown", function(e) {
|
|
// CTRL + K triggers the search feature
|
|
if ((e.keyCode == 75 || e.keyCode == 80) && (e.ctrlKey === true || e.metaKey === true)) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
|
|
else if (e.keyCode == 27 && navBar.classList.contains("search-mode")) {
|
|
navBar.classList.remove("search-mode");
|
|
}
|
|
});
|
|
|
|
|
|
// Toggle the search bar via touch / click
|
|
searchBar.querySelector("#search-icon").addEventListener("click", function(e) {
|
|
navBar.classList.add("search-mode");
|
|
searchBar.querySelector("#search-input").focus();
|
|
});
|
|
});
|