JSFiddle - React, Tailwind, and code Playground

keyup vs change events delayed events

by larsolesimonsen

HTML

<input type="text" id="text"/>
<div id="output"/>

JavaScript

var counter = 0;
var inputTimer;
$('#text').keyup(function (data) {
    clearTimeout(inputTimer);
    inputTimer = setTimeout(inputTimeoutHandler, 2000);
});

function inputTimeoutHandler() {
    counter++;
    $('#output').html(counter + " firings");
}