Skip to content

2-3-7 task #562

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
joaquinelio merged 2 commits into from
Oct 14, 2021
Merged

2-3-7 task #562

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fac1202
2-3-7 task
joaquinelio Oct 14, 2021
2d8bc81
Update index.html
joaquinelio Oct 14, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions 2-ui/3-event-details/7-keyboard-events/2-check-sync-keydown/solution.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

We should use two handlers: `document.onkeydown` and `document.onkeyup`.
Debemos manejar dos eventos: `document.onkeydown` y `document.onkeyup`.

Let's create a set `pressed = new Set()` to keep currently pressed keys.
Creemos un set `pressed = new Set()` para registrar las teclas presionads actualmente.

The first handler adds to it, while the second one removes from it. Every time on `keydown` we check if we have enough keys pressed, and run the function if it is so.
El primer manejador las agrega en él, mientras que el segundo las quita. Con cada `keydown` verificamos si tenemos suficientes teclas presionadas, y ejecutamos la función si es así.
16 changes: 8 additions & 8 deletions 2-ui/3-event-details/7-keyboard-events/2-check-sync-keydown/solution.view/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<body>

<p>Press "Q" and "W" together (can be in any language).</p>
<p>Presione "Q" y "W" juntas (puede ser en cualquier lenguaje).</p>

<script>
function runOnKeys(func, ...codes) {
Expand All @@ -11,19 +11,19 @@
document.addEventListener('keydown', function(event) {
pressed.add(event.code);

for (let code of codes) { // are all keys in the set?
for (let code of codes) { // ¿están todas las teclas en el set?
if (!pressed.has(code)) {
return;
}
}

// yes, they are
// sí, lo están

// during the alert, if the visitor releases the keys,
// JavaScript does not get the "keyup" event
// and pressed set will keep assuming that the key is pressed
// so, to evade "sticky" keys, we reset the status
// if the user wants to run the hotkey again - let them press all keys again
// durante el alert, si el visitante suelta las teclas,
// JavaScript no obtiene el evento "keyup"
// y el set "pressed" las mantendrá asumiendo que las teclas siguen presionadas;
// por ello, para evitar teclas "pegadas", reseteamos el estado
// si el usuario quiere usa el atajo de nuevo, permitámoslo
pressed.clear();

func();
Expand Down
8 changes: 4 additions & 4 deletions 2-ui/3-event-details/7-keyboard-events/2-check-sync-keydown/task.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@ importance: 5

---

# Extended hotkeys
# Extendiendo atajos de teclado

Create a function `runOnKeys(func, code1, code2, ... code_n)` that runs `func` on simultaneous pressing of keys with codes `code1`, `code2`, ..., `code_n`.
Crea una función `runOnKeys(func, code1, code2, ... code_n)` que ejecute `func` al presionar simultáneamente las teclas con códigos `code1`, `code2`, ..., `code_n`.

For instance, the code below shows `alert` when `"Q"` and `"W"` are pressed together (in any language, with or without CapsLock)
Por ejemplo, el siguiente código muestra un `alert` cuando `"Q"` y `"W"` se presionan juntas (en cualquier lenguaje, con o sin mayúscula)

```js no-beautify
runOnKeys(
() => alert("Hello!"),
() => alert("¡Hola!"),
"KeyQ",
"KeyW"
);
Expand Down
4 changes: 2 additions & 2 deletions 2-ui/3-event-details/7-keyboard-events/keyboard-dump.view/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@

<form id="form" onsubmit="return false">

Prevent default for:
Evitar el predeterminado (prevent default) para:
<label>
<input type="checkbox" name="keydownStop" value="1"> keydown</label>&nbsp;&nbsp;&nbsp;
<label>
Expand All @@ -24,7 +24,7 @@
<input type="checkbox" name="keyupIgnore" value="1"> keyup</label>
</p>

<p>Focus on the input field and press a key.</p>
<p>Haz foco en el campo input y presiona una tecla.</p>

<input type="text" placeholder="Press keys here" id="kinput">

Expand Down