Get text from oninput event Javascript/jQuery

Question

I want to be able to see new values that are entered into a text box using jQuery, one by one (character by character). I don't want the values from the text input, rather I want the value from each event, and not just the amended string from the text input.

<script type="text/javascript">
    $(document).ready(function (e){
        $("#input-text").on("input", function (e) {
            console.log(e.value);    // undefined
        });
    });
</script>

Is there a way of doing this without comparing the old value of $("#input-text") with the new one?

stackoverflow.com/questions/1846599/…

epascarello
– epascarello

2017-03-13 23:06:05 +00:00
Commented Mar 13, 2017 at 23:06 — epascarello
– epascarello, Commented Mar 13, 2017 at 23:06

matt · Accepted Answer · 2017-03-13 23:13:34Z

1

If you want the individual key everytime someone adds a value to the input. just use event.key

$(function() {
  $('input').on('keydown', function(event) {
    var key = event.key;
    if (key.length == 1)
      console.log("Key: ", event.key); //Gives you the individual key
    else
      console.log("Other: ", event.key);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input />

edited Mar 13, 2017 at 23:13

answered Mar 13, 2017 at 23:04

matt

1,7531 gold badge13 silver badges16 bronze badges

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

3 Comments

kind user Over a year ago

I think that you should restrict the range of the keycodes, because even if I click enter or alt keys, it shows up in the console.

matt Over a year ago

@Kinduser Better? :)

kind user Over a year ago

Now it's great.

Collectives™ on Stack Overflow

Get text from oninput event Javascript/jQuery

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related