Discussion :

[yeste64]

Bonuour à tous.

Je génère un tableau HTML contenant dans chaque ligne une cellule "input".

Je voudrais en fait qu'à l'appui de la touche Entrée, lorsque l'on se trouve sur un input, le focus passe à l'input suivant. Comme ça le fait avec la touche tab.

Au final, cela revient en fait à donner la fonction de la touche tab à la touche entrée.

Voilà ce que j'ai fait, mais ça ne fonctionne pas :

Code :

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

1
2
3
4
5
6
function desactiveEnter(elem){ 
	if (event.keyCode == 13) {
		event.keyCode = 9; 
		return event.keyCode;
	} 
}

Je suis sous mac et safari, peut-être le code de la touche entrée n'est-il pas le même..?

Merci d'avance de votre aide!

[Bovino]

A part pour IE, la propriété keyCode est read-only. Tu ne peux donc pas procéder comme ça.
Il va falloir donner manuellement le focus au champ suivant et inhiber l'action par défaut de la touche entrée (return false).

Sans évoquer bien entendu la problématique de l'aspect perturbant pour l'utilisateur de modifier le comportement habituel des entrées clavier...

[yeste64]

Sans évoquer bien entendu la problématique de l'aspect perturbant pour l'utilisateur de modifier le comportement habituel des entrées clavier...

Ou les douces joies d'écouter les ordres d'un patron.. ^^'

Ok j'essaie ça, et je reviens vers vous. Merci pour la réactivité

[yeste64]

C'est bon, j'y suis arrivé :

Code :

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

1
2
3
4
5
6
7
8
function desactiveEnter(elem){ 
	if (event.keyCode == 13) {
		var currentLine= elem.parentNode.parentNode;
		var nextLine= getNext(currentLine);
		$('input', nextLine).focus();
		return false;
	} 
}

(Sachant que getNext() est une fonction perso)

Et dans le html, je met un évènement sur mon input :

Code :

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

<input type="text" name="test" value="8" size="4" onkeydown="desactiveEnter(this);"/>

Merci pour ton aide et à bientôt !