l'évenement Onkeypress en javascript

Version imprimable

06/10/2009, 15h14
slipknotik

l'évenement Onkeypress en javascript

salut à tous
je voudrai effectuer une action javascript qui lors de l'appui sur la touche entrée effectue l'action d'un bouton.

je sais qu'on doit utiliser :

Code:

<body onkeypress=''if (event.keycode==13) une_fonction()">

j'ai quelques questions à poser:
1- est ce qu'on peut utiliser l'évenement onkeypress en dehors de la balise <body>, dans une <form> par exemple?.
2- j'ai entendu dire que document.getElementById("ID d'un Bouton").click ne fonctionne pas sous firefox , est ce qu'il y a une autre solution pour déclencher l'action associé à ce bouton ( en sachant que c'est un bouton jsf)

cordialement
06/10/2009, 15h19
le_chomeur

Bonjour et bienvenu :)

pourquoi n'as tu pas testé par toi même ?

1- un keypress peut-être utiliser sur tous les éléments qui on le focus ou qui peuvent faire office de listener donc oui cela marche sur un Form.

2 - Faux , tu peux effectuer un click d'un bouton via une méthode javascript , mais qu'elle est l'utilité ???

merci d'avoir répondu si rapidement,
en fait j'utilisefirefox 3.5 comme navigateur
en fait j'ai tester l'évenement onkeypress sur une <form> pas mal de fois et ça n'a pas marché.
pour l'evenement click aussi
voici le code que j' ai utilisé pour tester
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <body onkeypress="if (event.keyCode==13) action()" > <form id="form1" > <br> 1:<input id="rt1" type="text" > <br> 2:<input id="rt2" type="text"> <br> <input id="rt" type="button" value="rechercher" onclick="alert('click')"> </form> <script type="text/javascript"> function action(){ if (document.getElementById("rt1").text=="" && document.getElementById("rt2").text=="" ) {alert("introduire parametres!!")} else {alert("recherche en cours");} document.getElementById("rt").click ; } </script>
l'action document.getElementById("rt").click ne se déroule pas et l'action relative à l'appui sur entrée fonctionne mais quand je change le code comme ça
Code:

1 2 3 <body> <form id="form1" onkeypress="if (event.keyCode==13) action()" >
rien ne se passe!!

en ce qui concerne l'intéret de l'appui sur le bouton, en réalité j'ai un bouton jsf:
Code:

1 2 <h:commandButton id="search-button" value="#{msg.search}" action="#{AdvancedSearchDialog.search}" styleClass="wizardButton" />
donc j'ai pensé que c'était plus facile de lier l'action de l'appui sur entrée à l'action du click sur ce bouton.
voilà

07/10/2009, 12h34
RomainVALERI

Citation:

Envoyé par slipknotik

j'ai quelques questions à poser:
1- est ce qu'on peut utiliser l'évenement onkeypress en dehors de la balise <body>, dans une <form> par exemple?.
2- j'ai entendu dire que document.getElementById("ID d'un Bouton").click ne fonctionne pas sous firefox , est ce qu'il y a une autre solution pour déclencher l'action associé à ce bouton ( en sachant que c'est un bouton jsf)

1) +1 le chomedu ;)
Par contre, il faut que l'élément ait le focus pour que ça marche : je trouverais plus judicieux de le placer au niveau "body", mais sans forcément l'insérer dans le html ^^ je passerais plutot par un addEventListener/attachEvent

2) la méthode click est propre à IE en effet, mais jette un oeil à fireEvent pour les autres navigateurs.