monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-08 14:42:46 +08:00
Code Issues Projects Releases Packages Wiki Activity

fixed a bug where keymap react would highlight wrong keys

Browse source
This commit is contained in:
Jack 2020-07-28 18:14:56 +01:00
parent cb7cf362fe
commit 74f35d3633
1 changed files with 42 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
public/js/script.js
View file

@ -438,6 +438,7 @@ function emulateLayout(event) {
event.charCode = newKey.charCodeAt(0);
event.which = newKey.charCodeAt(0);
event.key = newKey;
event.code = "Key" + newKey.toUpperCase();
return event;
}
@ -912,12 +913,48 @@ function flashPressedKeymapKey(key, correct) {
.replace(" ", "");
}
if (key === "Space") {
key = "KeySpace";
switch (key) {
case "\\":
case "|":
key = "#KeyBackslash";
break;
case "}":
case "]":
key = "#KeyRightBracket";
break;
case "{":
case "[":
key = "#KeyLeftBracket";
break;
case '"':
case "'":
key = "#KeyQuote";
break;
case ":":
case ";":
key = "#KeySemicolon";
break;
case "<":
case ",":
key = "#KeyComma";
break;
case ">":
case ".":
key = "#KeyPeriod";
break;
case "?":
case "/":
key = "#KeySlash";
break;
case "" || "Space":
key = "#KeySpace";
break;
default:
key = `#Key${key.toUpperCase()}`;
}
if (correct) {
$(`#${key}`)
$(key)
.stop(true, true)
.css({
color: bgColor,
@ -934,7 +971,7 @@ function flashPressedKeymapKey(key, correct) {
"easeOutExpo"
);
} else {
$(`#${key}`)
$(key)
.stop(true, true)
.css({
color: bgColor,
@ -2901,7 +2938,7 @@ $(document).keypress(function (event) {
// console.timeEnd("offcheck2");
if (config.keymapMode === "react") {
flashPressedKeymapKey(event.code, thisCharCorrect);
flashPressedKeymapKey(event.key, thisCharCorrect);
} else if (config.keymapMode === "next") {
updateHighlightedKeymapKey();
}