我是React & Coding的新手。我想运行一个功能,如果空间和向上箭头按下。我想运行jump()函数
const jump = () => {
if (onJump == false){
$("#dino").animate({top:'-=60%'}, 300);
$("#dino").animate({top:'+=60%'}, 300);
onJump=true;
setTimeout(function() {
onJump=false;
},600)
}
}
我已经试了几个代码,但没有一个是工作。
2条答案
按热度按时间2j4z5cfb1#
参见键码https://keycode.info/
Html元素
div, h1, p, nav, ...
默认情况下不会接收像keypress, focus, blur, ...
这样的事件。您可以通过指定tabindex
来启用它:如果你的光标在那个元素上,上面的
handleFunction
就会运行,但是如果你想让它独立于光标的位置而触发,你应该在window中添加eventlistener:编辑:
使用
keydown
事件否则箭头键不工作编辑2:
性能的最佳实践是在卸载时删除事件侦听器:
8yoxcaq72#
如果你不需要关注任何元素,而想监听键盘事件,你需要在window对象中添加listener。下面是
spacebar
键被按下和up
键被按下事件的解决方案