JSFiddle - React, Tailwind, and code Playground
HTML
<form id="form">
<div>
<input id="input01" name="input01" type="text" value="change value plz"/>
<input id="input02" name="input02" type="text" value="cámbiame!"/>
<input id="input03" name="input03" type="text" value="modifícame!"/>
</div>
</form>
<br/>
<strong> Start typing and you'll see that your action fire only when you stop typing</strong>
JavaScript
var timerid;
$("input").on("input",function(e){
var currentId = $(this).attr('id');
var value = $(this).val();
if($(this).data("lastval")!= value){
$(this).data("lastval",value);
clearTimeout(timerid);
timerid = setTimeout(function() {
//change action
alert(value+' ID is: '+currentId);
},2500);
};
});