keydown 上的滚动事件，如向下箭头和向上箭头

Question

我想做与网站上的向上箭头和向下箭头键相同的滚动事件。下面的代码创建了一个与箭头“相似”的事件，但它在按下键w和时保持锁定s。document.addEventListener('keydown', e => {  if (e.keyCode == 87) {    window.scrollBy({      top: -30,      behavior: 'smooth'    });  } else if (e.keyCode == 83) {    window.scrollBy({      top: 30,      behavior: 'smooth'    });  }});提前致谢。

Answer 1

我假设问题在于它在继续之前“锁定”了一会儿……以下纠正了该问题。

您需要在 keydown 上设置一个标志并在 keyup 上取消设置

然后，您需要让其他东西执行该操作。

 var scrollAmount;

document.addEventListener('keydown', e => {

    if (e.keyCode == 87) {

        scrollAmount = -30

    } 

    else if (e.keyCode == 83) {

        scrollAmount = 30

    }

});

document.addEventListener('keyup', e => {

 scrollAmount = 0;

});

setInterval (function() {

     window.scrollBy({ top: scrollAmount});

},10)

Answer 2

document.addEventListener('keypress', e => {

    if (e.keyCode == 119) {

       

        window.scrollBy({ top: -30, behavior: 'smooth' });

    } 

    else if (e.keyCode == 115) {

        window.scrollBy({ top: 30, behavior: 'smooth' });

    }

});