HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>input details</title>
</head>
<body>
  <label>Field <input id="field" placeholder="Type here"></label>
  <pre id="out">(waiting)</pre>
  <script>
    var field = document.getElementById("field");
    var out = document.getElementById("out");
    field.addEventListener("input", function (event) {
      var type = event.inputType || "(n/a)";
      var data = event.data == null ? "(null)" : JSON.stringify(event.data);
      out.textContent =
        "value=" + event.target.value +
        " | inputType=" + type +
        " | data=" + data;
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Element input — data + inputType (Try It)