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!