javascript - 如何检查是否按下了一个键(在键盘上)？

Question

基本上是标题。我需要一个类似于蹲伏按钮的功能—— Angular 色只有在按住向下箭头键时才会蹲伏，而不仅仅是按下一次。我如何让它发挥作用？这是我尝试过的方法，但没有用。提前致谢!!!!!!

document.onkeydown = function (event) {
    let key = event.key;
    while (key ==  "ArrowDown") {
        character.style.width = 50 + "px";
        character.style.height = 30 + "px";
        character.style.top = 115 + "px";
    }
}

Answer 1

keydown 事件会在您按住任意键时连续触发，而当您松开该键时，keyup 事件会被触发。

要实现您正在尝试做的事情，请在触发 keydown 事件时将样式添加到 Angular 色，并在 keyup 事件中从 Angular 色中删除这些样式。

以下代码片段显示了一个示例:

const character = document.querySelector('.character');

document.body.addEventListener('keydown', (event) => {
  character.classList.add('crouch');
});

document.body.addEventListener('keyup', (event) => {
  character.classList.remove('crouch');
});

div {
  width: 100px;
  height: 100px;
  background: yellow;
  position: relative;
}

.crouch {
  height: 50px;
  top: 50px;
}

<div class="character">Press any key</div>