Comment controler des fonction grace au clavier js ? [Résolu]

Signaler
-
 ahmed -
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 ,

5 réponses

Messages postés
28937
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 juillet 2020
2 608
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,
Messages postés
28937
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 juillet 2020
2 608
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>
merci
sujet resolu : )
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)
Messages postés
28937
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 juillet 2020
2 608
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