Détecter la touche ctrl (control) [Débutant(e)]

**progdebutant** · 21/01/2016, 23h22

Bonsoir,
cela fait plusieurs tutos (ici et sur le net) pour me permettre de détecter la touche ctrl, mais je n'arrive pas à en faire fonctionner un seul.

Je voudrais détecter la touche ctrl valable sur toute la fenêtre mais je n'y arrive pas.
Auriez-vous une solution assez simple à appliquer ?

Pour ce code, je voudrais éviter de mettre du code JS dans le body si possible car j'ai un fichier JS externe.

(J'ai opéra et firefox)

Le code trouvé sur la FAQ javaScript par exemple je l'ai adapté comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function detectTouche(e){
	if(parseInt(navigator.appVersion,10) >=4){
		if(navigator.appName == 'Netscape'){ // Pour Netscape, firefox, ...
			console.log(String.fromCharCode(e.which)+" "+e.which);
		}
		else{ // pour Internet Explorer
			console.log(String.fromCharCode(e.keyCode)+" "+e.keyCode);
		}
	}
}

Et je l'initie avec ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onkeydown=detectTouche(event);

Mais quelque soit la touche pressée Opéra affiche undefined à la ligne où se trouve la première console.log().

Le code original dans la FAQ javaScript est celui-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function detectTouche(e){
    if(parseInt(navigator.appVersion,10) >=4){
        if(navigator.appName == 'Netscape'){ // Pour Netscape, firefox, ...
            document.getElementById('zone').value = String.fromCharCode(e.which);
            document.getElementById('zone1').value = e.which;
        }
        else{ // pour Internet Explorer
            document.getElementById('zone').value = String.fromCharCode(e.keyCode);
            document.getElementById('zone1').value = e.keyCode;
        }
    }
}

Avec ce code en appel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<body onkeydown="detectTouche(event)">
    <input type="text" id="zone" size="30" />
    <input type="text" id="zone1" size="30" />
</body>

Je l'ai adapté car je ne veux pas mettre de code dans le body, car j'ai un fichier externe JS et je veux avoir le code dedans si possible

Dans le code de la FAQ on remarque des guillemets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onkeydown="detectTouche(event)">

Avec ces guillemets rien ne se passe sur Opéra mais sans guillemets j'ai au moins un message qui m'indique que la touche pressée est indéfinie, donc je l'ai gardé sans guillemets

**progdebutant** · 22/01/2016, 00h23

Le message indefined venait du fait que j'avais mis ce code au mauvais endroit (appel de la fonction avant le chargement du document).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onkeydown=detectTouche(event);

Donc maintenant je n'ai plus de message indéfined par contre je n'ai plus aucun messages :/

Dernière modif donc qui supprime le message indéfined :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
function init(){ // Appelée par window.onload.
	window.onkeydown=detectTouche(event);

Mais toujours pas de détection de la touche pressée pour le moment.

**progdebutant** · 22/01/2016, 22h00

Bonsoir, je voudrais détecter la touche ctrl dans cette commande :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if ( (move)&&(détection de ctrl) ) console.log('ctrl pressée');

Y a t'il une personne qui pourrait me dépanner ?

**NoSmoking** · 23/01/2016, 17h05

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
if (event.ctrlKey) {
  alert ('Touche CTRL enfoncée');
}
else {
  alert ('Touche CTRL non activée');
}

**progdebutant** · 24/01/2016, 12h26

Salut

Merci NoSmoking !!!

Comment je pourrais l'appliquer dans mon code ? Car j'ai fait plusieurs essais différents et j'ai chaque fois un message d'erreur différent.

EDIT : J'ai fait ceci dorénavant et je n'ai plus de message d'erreur mais il ne se passe rien, on dirait que la fonction touches() n'est jamais appelée.

// détection de la touche "control".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function touches(event){
	if (event.ctrlKey) {
	  alert ('Touche CTRL enfoncée');
	}
	else {
	  alert ('Touche CTRL non activée');
	}
	var ctrl=event.ctrlKey;
	return ctrl;
}

// Appelée par setInterval.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function test(){
  var move=true;
  // Teste la touche "control" (ctrl).
  if(document.onkeypress){var ctrl=touches(event);}else{var ctrl=false;}
  if ( (move)&&(ctrl) ) console.log('ctrl pressée'); // ici il faudrait que ctrl soit reconnu.
}

Appelée par window.onload;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function init(){
   setinterval ("test()",30);
}

Ma difficulté vient du fait que je ne sais pas utiliser et où placer le code que tu m'as donné :/

**progdebutant** · 24/01/2016, 12h42

J'ai mis à jour le post précédent (ci-dessus)
Cette fois je n'ai aucun message d'erreur mais il ne se passe rien quand je presse ctrl.
EDIT : Je viens de mettre un alert('coucou') pour tester, dans la fonction touches(event){} et on dirait que cette fonction n'est jamais appelée en fait.

Détecter la touche ctrl (control) [Débutant(e)]

JavaScript

Vue hybride

Discussions similaires

Partager

Partager