返回課程

鍵盤驅動滑鼠

重要性:4

將焦點放在滑鼠上。然後使用箭頭鍵移動滑鼠

在新視窗中示範

備註:請勿將事件處理常式放在 #mouse 元素以外的地方。

備註:請勿修改 HTML/CSS,此方法應為通用方法,且適用於任何元素。

為任務開啟沙箱。

我們可以使用 mouse.onclick 來處理點擊,並使用 position:fixed 使滑鼠「可移動」,然後使用 mouse.onkeydown 來處理箭頭鍵。

唯一的缺點是 keydown 僅觸發有焦點的元素。因此,我們需要將 tabindex 加入元素。由於我們禁止變更 HTML,因此我們可以使用 mouse.tabIndex 屬性。

附註:我們也可以使用 mouse.onfocus 取代 mouse.onclick

在沙箱中開啟解決方案。