l'évenement Onkeypress en javascript

**slipknotik** · 06/10/2009, 15h14

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 :

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

<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

**le_chomeur** · 06/10/2009, 15h19

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é ???

**slipknotik** · 07/10/2009, 12h17

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 :

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
 
 
<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 :

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

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 :

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

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à

**RomainVALERI** · 07/10/2009, 12h34

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.

l'évenement Onkeypress en javascript

JavaScript

Discussions similaires

Partager

Partager