jQuery/Javascript function when value of text box is changed by user

Question

I would like to fire a function when the user changes the value of the text box. Not when they click on it (Like onfocus, .focus or .change) but when they edit the content from the pre-filled value.

HTML:

<input id="formloginpassword" type="text" name="pass" placeholder="Password" value="filled-from-backend"></input>

Thanks!

Community · Accepted Answer · 2017-05-23 12:12:22Z

2

You could try keyup, keydown or keypress:

$("input").on("keyup", function(){
    console.log($(this).val())
});

EXAMPLE

Look here for more details about the 3 events: What's the theory behind jQuery keypress, keydown, keyup black magic (on Macs)?

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Nov 13, 2012 at 16:56

Chase

29.6k1 gold badge52 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

GiantDuck Over a year ago

.keyup is great, now that I think about it. Thanks!

Cedrun · Accepted Answer · 2012-11-13 16:56:41Z

0

Maybe with keypress no ?

$("#formloginpassword").keypress(function() {
   alert("Handler for .keypress() called.");
});

Documentation here -> keypress

answered Nov 13, 2012 at 16:56

Cedrun

4672 silver badges8 bronze badges

Collectives™ on Stack Overflow

jQuery/Javascript function when value of text box is changed by user

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related