Navigation au clavier

**Soull** · 11/04/2011, 17h24

Bonjour,

Je souhaite faire une navigation au clavier: comme dans la présentation d'html5 de google: http://slides.html5rocks.com

Savez vous comment faire? Es-ce du js ou de l'html?

J'ai vu plusieurs script détectant la touche "Entré" mais il fallait un champs éditable du genre <input type="text" />

Merci d'avance.

**ornitho13** · 11/04/2011, 18h00

c'est du JS. Les évènements sont détectés sur le document je suppose

**Soull** · 12/04/2011, 09h35

Merci, j'ai trouvé un script qui fait ce que je veux:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
	<script type="text/javascript">
	   	function quelle_touche(evenement)
	   	{
	       	var touche = window.event ? evenement.keyCode : evenement.which;
	       	alert(touche);
	   	}
	</script>
</head>
 
<body onkeyPress="quelle_touche(event);">
 
</body>

Sa marche a peu prêt: seul les touches de texte sont détecter: les flèches ne me renvoient rien, savez vous pourquoi?

EDIT: trouvé, il suffit de mettre un onkeyDown, les flèches sont des touches système donc non bidouillable

**ornitho13** · 12/04/2011, 10h13

Salut, au lieu d'utiliser le "onkeypress", utilise le "onkeyup", cela fonctionnera :

Code :

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

1
2
3
<body onkeyup="quelle_touche(event);">
 
</body>

Navigation au clavier

JavaScript

Discussions similaires

Partager

Partager