retour au cours

Souris dirigée par le clavier

importance: 4

Mettre le focus sur la souris. Puis utiliser les touches flèches pour la déplacer:

Démo dans une nouvelle fenêtre

P.S. Ne mettez de gestionnaire d’évènement que sur l’élément #mouse. P.P.S. Ne modifiez pas le HTML/CSS, l’approche devrait être générique et fonctionner avec n’importe quel élément.

Open a sandbox for the task.

Nous pouvons utiliser mouse.onclick pour gérer le clique et rendre la souris “déplaçable” avec position:fixed, puis mouse.onkeydown pour gérer les touches flèche.

Le seul problème est que keydown ne se déclenche que sur les éléments avec le focus. Donc nous avons besoin d’ajouter tabindex à l’élément. Comme nous n’avons pas le droit de modifier le HTML, nous pouvons utiliser la propriété mouse.tabIndex pour ceci.

P.S. Nous pouvons aussi remplacer mouse.onclick par mouse.onfocus.

Ouvrez la solution dans une sandbox.