Question

So I’m doing character counting on a text field. I need to update the character count on keypress (not keyup). The issue is that with jquery’s .keydown() method, it refreshes the counter before the character is entered, so the counter is always 1 keypress behind the actual count. How can I get the count to change on keypress, but wait for the character to be entered?

Thanks!

Answer 1

setTimeout seems to work here:

$('input').keydown(function(e) {
    var $this = $(this);
    setTimeout(function() {
        var text = $this.val();
        console.log(text.length);
    }, 0);
});