Bloquer les touches

Version imprimable

18/09/2019, 20h05
pychy

Bloquer les touches
Bonjour je suis vraiment bloquer que quelque chose depuis quelque temps

Je vous montre le debut de mon code
Code:

1 2 3 document.addEventListener('keydown', (event) => { var touche = event.keyCode;
J'aimerais après avoir fait appel a une fonction cette fonction en elle même annule tout droit d'utilisation du clavier

J'ai déjà tester tout type de solution présenter ici seulement j'arrive pas a voir comment m'y prendre

:salut:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
window.addEventListener('load', ev => {
    // le DOM est construit et la page web est visible
 
    // début code du test
 
    let keypressHandler = ev => {
        ev.stopPropagation();
        ev.preventDefault();
    };
 
    function lockKeyboard() {
        document.addEventListener('keypress', keypressHandler, {
            capture: true,
            passive: false,
            once: false
        });
    }
 
    function unlockKeyboard() {
        document.removeEventListener('keypress', keypressHandler, {
            capture: true,
            passive: false,
            once: false
        });
    }
 
    lockKeyboard();
 
    setTimeout(unlockKeyboard, 10000); // 10s
 
    // fin code du test
 
}, {
    capture: false,
    passive: true,
    once: false
});

18/09/2019, 21h05
pychy

Je l'utilise comment si je veux le rendre fonctionnelle dans une fonction ?

et d'ailleurs je sais pas pourquoi ça ne fonctionne pas
18/09/2019, 21h18
danielhagnoul
Citation:

Envoyé par pychy

Je l'utilise comment si je veux le rendre fonctionnelle dans une fonction ?

:calim2:

À l’exception de vous dire d'apprendre les bases du JS, je ne vois pas trop ce que je peux vous expliquer si vous ne pouvez pas déchiffrer un code aussi basique.

Essayons quand même :
- Il y a deux fonctions, l'une pour appliquer la restriction et l'autre pour la lever.
- Quand activer l'un ou l'autre dépend du contexte de vos codes JS.
- Pour tester le fonctionnement, j'ai simplement activé la restriction au chargement de la page web et je la lève après 10s.
18/09/2019, 21h21
pychy

Enfin je veux dire j'ai saisie le code je l'ai inséré et j'ai utilisé la fonction qui fait bloquer les touches seulement rien ne se passe :/
19/09/2019, 10h39
danielhagnoul

Citation:

Envoyé par pychy

Enfin je veux dire j'ai saisie le code je l'ai inséré et j'ai utilisé la fonction qui fait bloquer les touches seulement rien ne se passe :/

8O

Dans ma page de test il y a un textaera (https://developer.mozilla.org/fr/doc...ement/Textarea). Lors de l'ouverture de la page il est impossible d'entrer du texte dans le texaera pendant les 10s du blocage.
19/09/2019, 10h52
pychy

JE trouve ça bizarre seulement moi c'ets pas sur un textarea ^^"