JSFiddle - React, Tailwind, and code Playground

by cheonhyang

HTML

<h1> keydown, keyup and keypress event</h1>
<input id="input"></input>

<h1>Log</h1>
<p id="log"></p>

JavaScript

var input = document.getElementById('input');
input.addEventListener('keydown', function(e){
    console.log("input keydown");
    console.log(e.which);
});
input.addEventListener('keyup', function(e){
    console.log("input keyup");
    console.log(e.which);
});
input.addEventListener('keypress', function(e){
    console.log("input keypress");
    console.log(e.which);
});