Topo guidato dalla tastiera
importanza: 4
Fate in modo di porre il focus sul mouse. Quindi usare le frecce per spostarlo:
P.S.: Non mettere i gestori da nessun’altra parte, tranne che sull’elemento #mouse.
P.P.S.: Non è necessario modificare il codice HTML e CSS, l’approccio dovrebbe essere generico e funzionare con qualunque elemento.
Possiamo usare mouse.onclick per gestire il click e rendere il topo “spostabile” con position:fixed, quindi mouse.onkeydown per gestire i tasti freccia.
L’unica trappola è che keydown viene scaturito solo su elementi con il focus. Quindi dovremmo aggiungere tabindex all’elemento. Visto che ci è vietato modificare l’HTML, possiamo usare la proprietà mouse.tabIndex allo scopo.
P.S.: Possiamo sostituire mouse.onclick con mouse.onfocus.