Comment controler des fonction grace au clavier js ?
Résolu
khalil
-
ahmed -
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 ,
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:
- Comment controler des fonction grace au clavier js ?
- Télécharger clavier arabe - Télécharger - Divers Web & Internet
- Fonction si et - Guide
- Comment taper / sur clavier - Guide
- Comment faire le + sur clavier telephone iphone - Guide
- Clavier de l'ordinateur - Guide
5 réponses
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,
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,
Un exemple ?? .. ben tu en as dans le lien que je t'ai donné.
Je te le remet ici...
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>
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)
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question