components/test/data/actor/cancel_typing.html

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0">
  </head>
  <body>
    <input type="text" id="input">
    <script>
      const input = document.getElementById('input');

      let event_log = [];

      // Log all input events in the format: Event[Element#ID]
      const log_handler = e => {
        event_log.push(`${e.type}[${e.target.tagName}#${e.target.id}]`);
      };

      input.addEventListener('keydown', log_handler);
      input.addEventListener('input', log_handler);
      input.addEventListener('keyup', log_handler);
    </script>
  </body>
</html>