Navigation au clavier [Résolu]

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>

11/04/2011, 17h24	#1
Soull Membre régulier Inscription : novembre 2010 Messages : 102 Détails du profil Informations forums : Inscription : novembre 2010 Messages : 102 Points : 86 Points : 86	Navigation au clavier 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.
	00

11/04/2011, 18h00	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	c'est du JS. Les évènements sont détectés sur le document je suppose
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email