Discussion :

[nico78200]

Bonjour à tous,

Je recherche un moyen de capter l'appui de deux touches simultanément via la methode keydown() de jQuery.

J'arrive à bind ctrl + <- avec ce code sans problème:

Code :

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

1
2
3
4
5
6
7
$('body').keydown( function(e) {
 
		console.log('left: '+sprite.offset().left+' top: '+sprite.offset().top);		
 
		if ( ( (e.keyCode == 37) && (e.ctrlKey) ) || ( (e.keyCode == 81) && (e.keyCode == 90) ) ) {
 
...

La condition dans la première parenthèse bind correctement l'appuie simultané de ctrl et de la flèche de gauche. Mon problème est que je cherche (pour un moteur de jeu) à bind l'appui simultané de la flèche de gauche et de la flèche du haut. Avec ce code par exemple:

Code :

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

if ( ( (e.keyCode == 37) && (e.keyCode == 40) ) || ( (e.keyCode == 81) && (e.keyCode == 90) ) ) {

Mais évidemment ça ne fonctionne pas... Et j'aimerai bien comprendre pourquoi...

Merci de votre aide

Nico

[tresorunikin]

fais des conditions imbriquées.
Soit à combiner les touches de codes respectifs c1 et c2

Code :

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

1
2
3
4
if ((e.keyCode == c1) || ( e.keyCode == c2) ) {
      //if also
            if ( (e.keyCode == c1) ||  (e.keyCode == c2) ){
//donc les deux touches sont appuyees simultanement

A toi de voir les codes des touches, j'ai pas fait attention...

[nico78200]

Merci de ton aide je test ca tout de suite.

Bonne journée

[nico78200]

Merci de ton aide, il me semblais avoir déjà essayé, mais par aquis de conscience je viens de re-tester avec ce code:

Code :

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

1
2
3
4
5
6
7
8
$('body').keydown( function(e) {
		if ( (e.keyCode == 37)  ||  (e.keyCode == 81)  ) {
			if ( (e.keyCode == 38) || (e.keyCode == 90) ) {
				alert('diagUpLeft');
			}
 
			sprite.left('keydown');	
                        ....

Et ca ne fonctionne pas. (37 = <- et 81 = 'q') (38 = ^ et 90 = 'z')

Je cherche une méthode permettant de pouvoir animer un sprite dans un jeu sur 8 axes, je dois donc être en mesure de bind l'appui simultané de deux touches.

Je pense que c'est ma méthode jQuery keydown() qui me bride... Quelqu'un aurait t'il un exemple à me fournir le cas contraire.

Merci de votre aide.

[danielhagnoul]

Bonsoir

L'événement keydown se déclenche pour chaque frappe d'une touche du clavier, donc, à mon avis, la bonne méthode est de stoker la frappe précédente si l'on veut examiner des combinaisons de deux touches.

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
	$(function(){
		/*
			flèche gauche : 37
			fèche droite : 39
			flèche haut : 38
			flèche bas : 40
 
			CTRL : 17
			SHIFT : 16
 
			< : 276
			> : 226
		*/
		var lastWhich = 0;
 
		$(document).keydown(function(e){
			if (lastWhich == 17 && e.which == 37){
				console.log("CTRL plus flèche gauche");
			} else if (lastWhich == 37 && e.which == 38){
				console.log("flèche gauche plus flèche haut");
			} else {
				console.log(e.which);
				lastWhich = e.which;
			}
		});
	});
</script>

[nico78200]

Merci infiniment de ton aide danielhagnoul, ca fonctionne à merveille.

Bonne journée