CODEWITHSUNDEEP
jquerytextboxkeypress
Fiona - myaccessible.website
Fiona - myaccessible.website

Reputation: 14921

jquery keypress() event get text

I want a function to be run when a keypress occurs on a text box, so I have this code:

$("input[x]").keypress(function() {
        DoX();
    })

This is working fine, but in my function I want to do something based on the text value in the textbox

var textValue = ("input[x]").val();

Now the problem here is that it lags behind by a key so if my text box says 'He' and I type an 'l', then I want my textValue to be 'Hel', but it is returning the previous value 'He' because presumably the character hasn't been put in the text box yet.

Is there a way of getting 'Hel' out of my function here?

Thanks :)

Upvotes: 29

Views: 64023

Answers (4)

Semra
Semra

Reputation: 2993

Use setTimeout without a delay. It will run immediately after keypress event completes so you'll have the correct value of the input.

$("input[x]").keypress(function() {
  setTimeout(DoX);
});

Upvotes: 0

Vincent Ramdhanie
Vincent Ramdhanie

Reputation: 103135

if you are stuck using the keypressed for some other reason (so you cannot change to keyup as suggested) then you can get the last character typed like this:

$("input[x]").keypress(function (e) {
    var c = String.fromCharCode(e.which);
    //process the single character or
    var textValue = $("input[x]").val();
    var fulltext = textValue + c;
    //process the full text

});

Upvotes: 27

Christian C. Salvadó
Christian C. Salvadó

Reputation: 827496

You can try to use the keyup event:

$(selector).keyup(function() {
  var textValue = $(this).val();
  DoX();
});

Upvotes: 61

zzandy
zzandy

Reputation: 2353

Use onkeyup, it will show the right value.

Upvotes: 9

Related Questions