鍵盤驅動滑鼠
重要性:4
將焦點放在滑鼠上。然後使用箭頭鍵移動滑鼠
備註:請勿將事件處理常式放在 #mouse
元素以外的地方。
備註:請勿修改 HTML/CSS,此方法應為通用方法,且適用於任何元素。
我們可以使用 mouse.onclick
來處理點擊,並使用 position:fixed
使滑鼠「可移動」,然後使用 mouse.onkeydown
來處理箭頭鍵。
唯一的缺點是 keydown
僅觸發有焦點的元素。因此,我們需要將 tabindex
加入元素。由於我們禁止變更 HTML,因此我們可以使用 mouse.tabIndex
屬性。
附註:我們也可以使用 mouse.onfocus
取代 mouse.onclick
。