你能告诉我,我如何用键盘的箭头键移动一个div使用React我在google、stack overflow、github上搜索过,但还没找到
e4yzc0pl1#
这不是一个React问题本身,而是一个一般的javascript问题。要完成此操作,您需要执行以下几个步骤:1.使用document.addEventListener("keydown", <function>)侦听键盘事件1.根据event.key确定按下了哪个键,并根据按下了哪个箭头键移动目标元素1.实际移动屏幕上的元素,可能是通过设置其样式示例可在https://codesandbox.io/s/great-blackwell-i1cwwo?file=/src/Movable.js中找到
document.addEventListener("keydown", <function>)
event.key
1条答案
按热度按时间e4yzc0pl1#
这不是一个React问题本身,而是一个一般的javascript问题。
要完成此操作,您需要执行以下几个步骤:
1.使用
document.addEventListener("keydown", <function>)
侦听键盘事件1.根据
event.key
确定按下了哪个键,并根据按下了哪个箭头键移动目标元素1.实际移动屏幕上的元素,可能是通过设置其样式
示例可在https://codesandbox.io/s/great-blackwell-i1cwwo?file=/src/Movable.js中找到