Simuler le keycode 13

**david84** · 03/03/2007, 10h53

Bonjour à tous et toutes

J'ai un petit soucis, et je pense que vous pouvez peut être me donner une piste.

j'utilise un calendar, qui remplit une zone de texte avec la date sélectionnée par l'utilisateur, rien d'extraordinaire pour l'instant.

cependant sur ce composant (la zone de texte) j'ai un évenement onenter, j'écoute les touches pressées et si le keycode est le 13, l'événement est déclencher.

Ma question est la suivante : Comment simuler le fait que la touche entrée a été présser lorsque la popup du calendar se ferme.

dans la fonction hideCalendar je dispose de l'id du champ texte.

J'ai essayé de creer des événement à la volé (fire) mais j'ai réussie uniquement a créer des évenements dblclick et blur. je ne peux malheureusement pas modifier la nature de l'événement (contraintes ergonomiques).

nb : j'utilise le framework jsf, myfaces, tomahawk. Navigateurs utilisés IE6 FF.

Si quelqu'un a une idée ?

Merci d'avance pour vos pistes.

David BREYTON.

**david84** · 03/03/2007, 14h20

J'arrive a obtenir ce que je veux sur ie mais pas sur ff

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
27
28
29
30
31
32
 
<html>
<body >
<a href="#" id="a1" onClick="IEFFOnKeyDown(event);">ici</a>
<input type="texte" id="a2" onkeypress="onEnter(event);"/>
<script language="JavaScript">
function onEnter(event) {
  var key;
  key = window.event ? window.event.keyCode : event.which;
 
  if (key == 13) {
      alert("event called");      
  }
}
 
function IEFFOnKeyDown(evenement){ 
   el2 = document.getElementById("a2");
 
   window.event ?  window.event.keyCode = 13 : evenement.which;
  // ici est le problème which est uniquement un getter comment modifier
  // le  keycode sur FF.
 
   if(document.layers) {
      alert(evenement.which);
   }
   alert("appel de l'evenement");
   el2.onkeypress(evenement);
 
} 
</script>
</body>
</html>

une idée ?
merci.

**Djakisback** · 03/03/2007, 15h04

Salut,
un bout de code qui peut te servir :

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
// IE
if(document.attachEvent) {
	document.attachEvent('onkeypress', processKeyPress);
}
// Gecko
else if(document.addEventListener) {
	document.addEventListener('onkeypress', processKeyPress, false);
}
 
 
function processKeyPress(evnt) {
	var keyCode = 0;
	// IE
	if(evnt.keyCode)	{
		keyCode = evnt.keyCode;
	}
	// Gecko
	else if(evnt.charCode)	{
		keyCode = evnt.charCode;	
	}
	if(keyCode == 13)	{
		window.alert('trter');
	}
}

Bye

**david84** · 03/03/2007, 15h42

Merci beaucoup Djakisback.

En effet je ne connaissais pas event.charCode, l'événement était déja attaché à l'input, je n'ai donc pas eu besoin attachEvent ou Add...

Merci en tout cas j'avais trouvé une autre manière de faire mais c'était pas trop "académique".

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>
<body >
<a href="#" id="a1" onClick="IEFFOnKeyDown(event);">ici</a>
<input type="texte" id="a2" onkeypress="onEnter(event);"/>
<script language="JavaScript">
function onEnter(event) {
  var key;
 
  key = window.event ? event.keyCode : (event.charCode != 0) ? event.charCode  : event.which;
 
  if (key == 13) {
      alert("event called");      
  }
}
 
function IEFFOnKeyDown(evenement){ 
   el2 = document.getElementById("a2");
   //simule que la touche entré a été pressée
  window.event ?  evenement.keyCode = 13 : evenement.charCode = 13;
  alert("appel de l'evenement");
  el2.onkeypress(evenement); 
} 
</script>
</body>
</html>

Simuler le keycode 13

JavaScript

Discussions similaires

Partager

Partager