javascript Div动画(React)

pinkon5k  于 2022-11-27  发布在  Java
关注(0)|答案(1)|浏览(106)

你能告诉我,我如何用键盘的箭头键移动一个div使用React
我在google、stack overflow、github上搜索过,但还没找到

e4yzc0pl

e4yzc0pl1#

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

相关问题