Get value on keydown or input

Question

I have a textbox and I want to get the value of the key pressed. I use jQuery to allow the user to insert only numbers and letters even if copy/paste is used. I'd like to get the letter or the number the user pressed.

$("#Nombre").on("keydown", function(event) {
  var regexp = /[^A-Za-z0-9]+/g;
  if ($(this).val().match(regexp)) {
    $(this).val($(this).val().replace(regexp, ''));
  } else {
    var Valor = $(this).val(); //get the value of keypressed here
  }
});

$("#Nombre").on("input", function() {
  var regexp = /[^A-Za-z0-9]+/g;
  if ($(this).val().match(regexp)) {
    $(this).val($(this).val().replace(regexp, ''));
  } else {
    var Valor = $(this).val(); //get the value of keypressed here
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" class="form-control" id="Nombre" Maxlength=43 name="txtNombre" required>

Are you saying that you want to know which key was pressed, even if it was one you're restricting? — Rory McCrossan, May 20 '19 at 15:46
@RoryMcCrossan No, what I want is this: If the user pressed '5' I want to get the number 5. and so on. — Errol Chaves Moya, May 20 '19 at 15:49
Then I'm confused as your code does that already...? Also, I'm confused as to why you feel the need to duplicate the same logic, you can use a single `on()` call instead — Rory McCrossan, May 20 '19 at 15:49
Possible duplicate of [Get Character value from KeyCode in JavaScript... then trim](https://stackoverflow.com/questions/1772179/get-character-value-from-keycode-in-javascript-then-trim) — Heretic Monkey, May 20 '19 at 17:19

Mamun · Accepted Answer · 2019-05-20T15:54:37.183

On keydown you can use String.fromCharCode() to get the character from event.keyCode. On input event you can get the last character from the value:

$("#Nombre").on("keydown", function(event) {
  var regexp = /[^A-Za-z0-9]+/g;
  if ($(this).val().match(regexp)) {
    $(this).val($(this).val().replace(regexp, ''));
  }
  else{
    var Valor = String.fromCharCode(event.keyCode)
    console.log(Valor);
  }
});

$("#Nombre").on("input", function() {
  var regexp = /[^A-Za-z0-9]+/g;
  if ($(this).val().match(regexp)) {
    $(this).val($(this).val().replace(regexp, ''));
  }
  else{
    var val = $(this).val();
    var Valor = val[val.length -1];    
    console.log(Valor);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" class="form-control" id="Nombre" Maxlength=43 name="txtNombre" required>

Get value on keydown or input

1 Answers1