Legacy keypress Timing Demo

Legacy demo: keypress is deprecated. This page keeps the behavior so older code is understandable.

Legacy JavaScript

const source = document.getElementById('t1');
source.addEventListener('keypress', () => {
  output.value = source.value;
});

Modern Text-Change Version

source.addEventListener('input', () => {
  output.value = source.value;
});

Event Handling · getElementById() · Second legacy demo · keypress tutorial · Mouseover