キーボードで制御されるマウス
importance: 4
マウスにフォーカスを当てます。次に、矢印キーを使用して移動します。
追伸:イベントハンドラを#mouse
要素以外のどこにでも配置しないでください。
追伸:HTML/CSS を変更しないでください。アプローチは汎用的で、どの要素でも機能する必要があります。
mouse.onclick
を使用してクリックを処理し、position: fixed
を使用してマウスを「可動」にしてから、mouse.onkeydown
を使用して矢印キーを処理できます。
唯一の問題は、keydown
はフォーカスのある要素でのみトリガーされることです。そのため、要素にtabindex
を追加する必要があります。HTMLを変更することは禁止されているため、これにはmouse.tabIndex
プロパティを使用できます。
追伸:mouse.onclick
をmouse.onfocus
に置き換えることもできます。