Clash Royale CLAN TAG#URR8PPP

Run a function after user stop typing

I got a textbox that once the user stops typing, I want to update the results(what ever they type will be applied to an array of data and will filter down anything that does match what they type).

Right now I am using onBlur but this of course will only activate after they leave the textbox.

Would it be better to do onChange and put a timer that gets cancelled if they continue to type?

Or is there a better way.

Not sure if it makes a difference but I am reactjs

I want to update the results

2 Answers
2

Just use onkeyup event it will fire when user releases keyboard button.

document.getElementById('inputText').onkeyup = UpdateData()


This is how you would do it in vanilla javascript (without React)

var inputElm = document.querySelector('input');

inputElm.addEventListener('input', onInput);

function onInput()
var duration = 1000;
clearTimeout(inputElm._timer);
inputElm._timer = setTimeout(()=>
update(this.value);
, duration);


function update()
console.log('Do something')


<input>

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.