在任意键上滚动文本，按HTML CSS JS

Question

我想知道是否有任何方法可以模仿按住键滚动的文本，类似于https://hackertyper.net/我更愿意用HTML、CSS和JS来实现这一点。谢谢

Answer 1

您可以在文档中添加keydown事件的侦听器。每个事件都有一个可评估的代码和键属性，其中代码表示键盘上的物理位置，键表示字符。因此，您可以滚动所有keydown事件，或者使用e.code或e.key仅有条件地滚动某些keydown事件。

document.addEventListener('keydown', handleScrollOnKeydown);
function handleScrollOnKeydown(e) {
console.log('code, key', e.code, e.key);
// Scroll on all keydown events or conditionally scroll based on code or key
}