privacyguides/privacytools.io
Archived
1
0
Fork 0
Code Issues 304 Pull Requests 47 Activity

Added focus style and menu keyboard toggle

Browse Source
This commit is contained in:
CristianAUnisa
2021-06-27 02:21:11 +02:00
parent 91a1111182
commit 81029205cc
4 changed files with 56 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/js/main.js
View File

@ -36,7 +36,18 @@ function navSectionsClose(event) {
// Dark/Light color scheme switch button
document.querySelector("#nav-switch-theme").style.display = "inline";
document.querySelector("#nav-switch-theme").addEventListener("click", changeColorScheme);
document.querySelector("#nav-switch-theme").addEventListener("keydown", handleBtnKeyDown);
document.querySelector("#nav-switch-theme").addEventListener("keydown", e => {
if (e.key === " " || e.key === "Enter" || e.key === "Spacebar") {
e.preventDefault();
changeColorScheme();
}
});
document.querySelector("#nav-toggle-label").addEventListener("keydown", e => {
if (e.key === " " || e.key === "Enter" || e.key === "Spacebar") {
e.preventDefault();
document.getElementById('nav-toggle').checked = !document.getElementById('nav-toggle').checked;
}
});
function changeColorScheme() {
// Use whatever users want
@ -91,13 +102,4 @@ if (
localStorage.getItem("colorScheme") === "light")
) {
fixThemeImages();
}
function handleBtnKeyDown(event) {
// Check to see if space or enter were pressed
if (event.key === " " || event.key === "Enter" || event.key === "Spacebar") { // "Spacebar" for IE11 support
// Prevent the default action to stop scrolling when space is pressed
event.preventDefault();
changeColorScheme();
}
}
}