回到课程

键盘移动老鼠

重要程度: 4

聚焦在老鼠上。然后使用键盘的方向键移动它:

在新窗口中演示

P.S. 除了 #mouse 元素外,不要在任何地方放置事件处理程序。

P.P.S. 不要修改 HTML/CSS,这个方法应该是通用的,可以用于任何元素。

打开一个任务沙箱。

我们可以使用 mouse.onclick 来处理点击,并将老鼠设置为 position:fixed,然后使用 mouse.onkeydown 来处理键盘的方向键。

唯一的缺陷是 keydown 仅会在聚焦的元素上触发。因此,我们需要向元素添加 tabindex。因为我们禁止更改 HTML,所以我们可以使用 mouse.tabIndex 属性。

P.S. 我们也可以使用 mouse.onfocus 代替 mouse.onclick

使用沙箱打开解决方案。