kembali ke pelajaran

Keyboard-driven mouse

pentingnya: 4

Fokus pada mouse. Lalu gunakan tombol arah untuk menggerakkannya:

Demo di jendela baru

P.S. Jangan letakkan event handler dimanapun kecuali pada elemen #mouse. P.P.S. Jangan modifikasi HTML/CSS, pendekatannya harus umum dan bekerja dengan elemen manapun.

Buka sandbox untuk tugas tersebut.

Kita bisa gunakan mouse.onclick untuk menangani klik dan membuat mouse “moveable/bergerak” dengan position:fixed, kemudian mouse.onkeydown untuk yang menangani tombol panah.

Satu-satunya jebakan ialah keydown hanya memicu pada elemen dengan fokus. Jadi kita perlu untuk menambahkan tabindex pada elemen. Karena kita dilarang mengubah HTML, kita bisa gunakan properti mouse.tabIndex untuk itu.

P.S. Kita juga bisa ganti mouse.onclick dengan mouse.onfocus.

Buka solusi di kotak pasir.