Clic de souris remplacer par "Enter" sur un bouton "Input"

**jlb59** · 12/02/2008, 19h22

Bonjour à tous

QQ pourrait me dire comment dans une page ayant un bouton input qui renvoie à une autre page, on peut lui donner le focus ?

CàD qu'en appuyant sur "Enter", il agisse de la même manière qu'avec le clic de la souris.

Par ailleurs, est-il possible, simplement avec une pager sans bouton, de renvoyer à une autre page en appuyant simplement sur "Enter" ?

Merci d'avance.

**Kerod** · 12/02/2008, 23h37

Il est clair que pour arriver à un résultat tu devras capturer les évènements. Et donc tu devrais te tourner du côté du JavaScript.

**jlb59** · 13/02/2008, 04h01

Envoyé par Kerod

Il est clair que pour arriver à un résultat tu devras capturer les évènements. Et donc tu devrais te tourner du côté du JavaScript.

C'est ça, mais je suis vraiment perdu avec keypress, keydown...

J'ai lu sur différents forums, j'ai banni les us, mais c'est pas très clair pour moi.

Je voudrais simplement remplacer le click de la souris par la touche "Enter" !

Merci de m'aider.

**Kerod** · 13/02/2008, 04h06

Ben tu pourrais rajouter à ton élément l'évènement onkeyup puis faire le test avec le code des touches (tu as une source disponible ici : Comment détecter l'appui sur une touche du clavier ?)

Bon il reste plus qu'à rajouter/modifier afin que ça se fasse qu'avec Entrée.

**jlb59** · 13/02/2008, 11h33

Envoyé par Kerod

Ben tu pourrais rajouter à ton élément l'évènement onkeyup puis faire le test avec le code des touches (tu as une source disponible ici :
Bon il reste plus qu'à rajouter/modifier afin que ça se fasse qu'avec Entrée.

Désolé mais j'ai beaucoup de mal à percuter !
Effectivement, je ne connais pas du tout la syntaxe, je devrais dire le moyen, de simuler l'appui de la touche "Enter".

Je mets le code fait avec le lien que tu m'avais donné, mais c'est pas ça...

J'ai bien la validation avec l'appui de "Enter", mais j'arrive pas, plutôt je ne sais pas, faire en sorte que cet appui appelle l'autre page.
Je comprends vraiment pas...

Aide-moi STP ?

Code :

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

1
2
3
4
5
6
7
8
9
<html>
...
 
<body onKeyDown="detectTouche(event)">
 
    <a href="page2.html"><input type="button" id="zone" value=" Page suivante "></a>
 
</body>
...

**SpaceFrog** · 13/02/2008, 13h08

un input type submit agit sur l'appui de la touche enter,
un input type image aussi

Code :

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

1
2
3
4
5
6
7
8
 
<body >
 
    <form action="page2.html">
      <input type="submit" id="zone" value=" Page suivante ">
    </form>
 
</body>

**jlb59** · 14/02/2008, 08h43

Envoyé par SpaceFrog

un input type submit agit sur l'appui de la touche enter,
un input type image aussi

Merci beaucoup SpaceFrog.

Ce que tu m'as donné est logique... mais ça marche pas.
Surtout l"appui simplement sur "Enter".

J'ai mis que le prb était résolu, mais j'étais tellement content que l'on me donne une solution concrète, je n'ai pas pris le temps d'essayer avant!

Désolé!...

**SpaceFrog** · 14/02/2008, 10h15

Il faut en fait donner le focus à un element du form ...

Code :

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

1
2
3
4
5
6
<body onload="document.getElementById('one').focus()">
  <form action="page2.html">
       <input type="text" id="one" />
      <input type="submit" id="zone" value=" Page suivante ">
    </form>
</body>

**jlb59** · 15/02/2008, 05h38

Envoyé par SpaceFrog

Il faut en fait donner le focus à un element du form ...

Merci beaucoup SpaceFrog, cette fois ça marche !

Y a quand même qq chose qui me turlupine !...

En effet, dans un formulaire, sans mettre de focus dans le <body>, l'appui sur "Entrée" exécute quand même l'action ????

Il y a peut-être des formulaires qui nécessite le click mais c'est pas courant, non ?

Ca te dérangerait encore de me dire le pourquoi du comment ?

Merci de ta patience.

Clic de souris remplacer par "Enter" sur un bouton "Input"

JavaScript

Discussions similaires

Partager

Partager