Для прокрутки текста на любую клавишу нажмите HTML CSS JS

Question

Мне было интересно, есть ли способ имитировать c прокрутку текста при удерживании клавиши, аналогично тому, что видно на https://hackertyper.net/ Я бы предпочел сделать это в HTML, CSS и JS. Спасибо

Answer 1

Вы можете добавить слушателя для события keydown к вашему документу. Каждое событие имеет оцениваемый код и свойство ключа - где код представляет физическое местоположение на клавиатуре, а ключ - представление символа. Поэтому вы можете прокручивать все события нажатия клавиш или использовать e.code или e.key для условной прокрутки только определенных событий нажатия клавиш.

    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
    }