JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="" id="">
<div id="console"></div>

JavaScript

$('input:not([type=password]), textarea, select').on('input change keyup', function(event) {
	if(event.type=='input'){
      $('#console').append( "input: " + $(this).val() + "<br/>" ); 
    }
    if(event.type=='change'){
      $('#console').append( "change: " + $(this).val() + "<br/>" ); 
    }
});

var a, b;
$('input:not([type=password]), textarea, select').on('focus', function(event) {
	a = performance.now();
});
$('input:not([type=password]), textarea, select').on('blur', function(event) {
	b = performance.now();
	$('#console').append( $(this).attr('name') + ' took ' + (b - a) + ' ms.' + "<br/>");
});