touche entrée ?

**kiwwi209** · 06/02/2006, 17h07

Bonjour,

Je ne sais pas trop dans quelle rubrique poster mon message, merci donc de m'indiquer si je ne suis pas au bon endroit. Je vous expose mon problème.

J'ai un formulaire comportant de nombreux champs de saisie, je souhaiterais que la touche "Entrée" se comporte comme la touche "Tabulation" afin de pouvoir naviguer avec le clavier au sein de ce formulaire. Des idées ? Des suggestions ?

**SpaceFrog** · 06/02/2006, 17h09

sujet déja traité me semble-t-il ... => une recherche s'impose...

1) il faut remplacer le bouton submit du form par un input type button ...
ensuite un petit script qui détecte la touche entrée ...

**kiwwi209** · 06/02/2006, 20h59

Envoyé par SpaceFrog

sujet déja traité me semble-t-il ... => une recherche s'impose...

1) il faut remplacer le bouton submit du form par un input type button ...
ensuite un petit script qui détecte la touche entrée ...

mais j'ai cherché j'te le jure !

Le souci n'est pas sur le bouton submit, j'en ai pas sur ce formulaire d'ailleur.

Mais c'est le script sur la détection de la touche entrée qui fait défaut. Ce que j'ai touvé ici me dit de récupérer l'évenement sur un document.onkeypress et de tester sur la valeur de la touche enfoncée est "13". En effet cela permet de récupérer la pression de la touche entrée. Mais mon soucis est de pouvoir réaffecter ensuite pour faire comme si on avait tapé tabulation afin de permettre la navigation.

Voila un apercu de mon code :

Code :

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
<html>
<head>
	<title>test</title>
 
	<script language="javascript">
	function teste_entree() {
		if (event.keyCode==13) {
			alert("Touche enter");
			event.keyCode=9;
		}
	}
	</script>
</head>
<body onKeyPress="teste_entree();">
<form mane="test">
 
<input type="text" name="1" tabindex="1"><br>
<input type="text" name="2" tabindex="2"><br>
<input type="text" name="3" tabindex="3"><br>
<input type="text" name="4" tabindex="4"><br>
<input type="text" name="5" tabindex="5"><br>
<input type="text" name="6" tabindex="6"><br>
</form>
 
</body>
</html>

De ce que j'ai pu trouvé c'est bien 9 le code de la touche tabulation non ?
Je précise qu'avec le code ci -dessus je vois mon message d'alerte mais que je reviens toujours sur le même champ en saisie.

Encore merci de votre aide !

**SpaceFrog** · 07/02/2006, 08h42

onkeydown plutot que onKeyPress non ?

**kiwwi209** · 07/02/2006, 09h09

BINGO !!!!

Merci beaucoup !!!

Je donne donc le code final qui fonctionne à merveille pour cloturer ce sujet :

Code :

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
<html>
<head>
     <title>test</title>
     <script language="JavaScript">
     <!--
          function process_keypress() { 
               if (window.event.type == "keydown" & window.event.keyCode == 13) { 
                    window.event.keyCode = 9; 
               } 
          } 
     -->
     </script>
</head>
 
<body onkeydown="process_keypress();" >
<form name="testForm">
     <input type="text" name="text1"></br>
     <input type="text" name="text2"></br>
     <input type="text" name="text3"></br>
     <input type="text" name="text4"></br>
     <input type="text" name="text5"></br>
</form>
</body>
</html>

**enila** · 04/10/2006, 15h10

le code marche très bien avec IE mais pas avec Firefox. J'ai remplacer

Code :

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

1
2
3
window.event.keyCode=9; 
par 
event.keyCode=9; ou event.which=9;

mais j'ai l'erreur setting a property that has only a getter

apparement on ne peut pas la modifier!
une solution? merci

touche entrée ?

JavaScript

Discussions similaires

Partager

Partager