Get started with qwerty-hancock CDN

MIT licensed

Qwerty-Hancock: JS tool simulating ordered key presses for touchscreen input improvement.

Tags:
  • web audio
  • keyboard
  • music
  • musical
  • qwerty
  • piano

Stable version

Copied!

How to start using qwerty-hancock CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with qwerty-hancock CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/qwerty-hancock/0.10.0/qwerty-hancock.min.js"></script>
  <style>
    #textarea { width: 300px; height: 200px; }
  </style>
</head>
<body>
  <textarea id="textarea"></textarea>
  <button onclick="handleKeydown()">Type here</button>
  <script>
    const textarea = document.getElementById('textarea');

    textarea.addEventListener('input', (event) => {
      const text = event.target.value;
      const hancock = new window.QwertyHancock('textarea');
      hancock.write(text);
    });

    function handleKeydown() {
      textarea.focus();
    }
  </script>
</body>
</html>
Copied!
Copied!

All versions