Souris dirigée par le clavier
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.
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.