HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>type MDN</title>
</head>
<body>
  <p>Press any key or click the mouse to get the event type.</p>
  <p id="log"></p>
  <script>
    function getEventType(event) {
      var log = document.getElementById("log");
      log.innerText = event.type + "\n" + log.innerText;
    }

    document.addEventListener("keydown", getEventType);
    document.addEventListener("keypress", getEventType);
    document.addEventListener("keyup", getEventType);

    document.addEventListener("mousedown", getEventType);
    document.addEventListener("mouseup", getEventType);
    document.addEventListener("click", getEventType);
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Event.type — MDN logger (Try It)