Comment controler des fonction grace au clavier js ?
Résolu/Fermé
A voir également:
- Comment controler des fonction grace au clavier js ?
- Fonction si et - Guide
- Comment taper / sur clavier - Guide
- Telecharger clavier arabe تنزيل لوحة المفاتيح العربية - Télécharger - Divers Web & Internet
- Changer clavier qwerty en azerty - Guide
- Télécharger clavier arabe samsung - Télécharger - Bureautique
5 réponses
jordane45
Messages postés
38314
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
14 juin 2020 à 00:34
14 juin 2020 à 00:34
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,
jordane45
Messages postés
38314
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
14 juin 2020 à 22:18
14 juin 2020 à 22:18
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)
jordane45
Messages postés
38314
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
30 juin 2020 à 22:16
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
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