Comment controler des fonction grace au clavier js ?

Résolu/Fermé
khalil - 13 juin 2020 à 23:47
 ahmed - 30 juin 2020 à 22:42
Bonjour,
je débute en html css et js .Je ne sais pas si c'est possible mais je voudrais déclencher une fonction en appuyant sur une touche du clavier si c'est possible comment ? Et si ça ne l'est pas bah ... merci quand même .
Merci ,
A voir également:

5 réponses

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
14 juin 2020 à 00:34
0
merci
j'ai deja vu ce site mais je n'ai pas trés bien compris
j'ai deja dis que j'etait un debutant s'il vous plait mettez moi un exemple concret et peut etre que je comprendrai enfin
cordialement,
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
14 juin 2020 à 22:18
Un exemple ?? .. ben tu en as dans le lien que je t'ai donné.

Je te le remet ici...
<!DOCTYPE html>
<html>
<head>
<script>
'use strict';

document.addEventListener('keydown', (event) => {
  const nomTouche = event.key;

  if (nomTouche === 'Control') {
    // Pas d'alerte si seule la touche Control est pressée.
    return;
  }

  if (event.ctrlKey) {
    // Même si event.key n'est pas 'Control' (par ex., 'a' is pressed),
    // event.ctrlKey peut être true si la touche Ctrl est pressée dans le même temps.
    alert(`Combinaison de ctrlKey + ${nomTouche}`);
  } else {
    alert(`Touche pressée ${nomTouche}`);
  }
}, false);

document.addEventListener('keyup', (event) => {
  const nomTouche = event.key;

  // Dès que l'utilisateur relâche la touche Ctrl, la touche n'est plus active.
  // Aussi event.ctrlKey est false.
  if (nomTouche === 'Control') {
    alert('La touche Control a été relâchée');
  }
}, false);

</script>
</head>

<body>
</body>
</html>
0
merci
sujet resolu : )
0
bonjour je ne sais pas comment faire pour quand une touche comme entrer ou suppr est pressse faire telle action voici mon code pour mieux comprendre:

document.addEventListener('keydown', (event) => {
const touche= event.key;
var text = document.getElementById('zone_de_texte').innerText;
if (touche === //supprimer) {
//faire telle action par exemple :
alert('vous avez appuye sur la touche supprimer')
}
}, false)
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
30 juin 2020 à 22:16
La question étant marquée en RESOLUE... il aurait été souhaitable que tu créés une nouvelle discussion pour cette nouvelle question.
Quoi qu'il en soit, avec une rapide recherche sur le net tu aurais pu trouver le keycode correspondant à la touche que tu souhaites cibler.
Par exemple... pour la touche SUPPR .. c'est le 46
https://keycode.info/

Tu aurais aussi pu simplement faire un console.log de ta variable touche pour savoir quel était le code retourné lorsque tu appuis sur la touche voulue...

NB: Lorsque tu postes ton code, merci de le faire correctement en précisant, dans les balises de code, le langage concerné (ici : js )
Tuto à lire COMPLETEMENT avant de poster tes prochains codes : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
dsl
merci
0