keyCode

keyCode código da tecla. Código numérico específico atribuído a cada tecla dos teclados do computador.

keyCode

Vou fazer aqui uma demonstração de como uso o keyCode nos meus códigos ao criar tela de uma aplicação.

Nos exemplos abaixo estou usando em um projeto Angular, mas pode ser adaptado a qualquer framework.

Permitir apenas Números em campos INPUT TEXT

Nesse caso pode ter caracteres no input. Caso queira remover os tipos de caracter é só verificar nesse link keyCode e adicionar a condição que corresponde ao tipo de caracter.

<input
  type="text"
  [(ngModel)]="value"
  name="value"
  onkeydown="return (event.keyCode < 65 || event.keyCode > 90) && event.keyCode != 186"
/>

inputtextnumber

Permitir apenas Números em campos INPUT number

Nesse caso só ira ter numero, sendo que o input a letra 'e' tem como digitar, então no exemplo abaixo, uso o keyCode para retirar a letra 'e'

Não é o muito indicado pois ao digitar um caracter quebra o campo. ENtão só pode aceitar número nesse input.

onkeydown="return event.keyCode != 69"=> irá remover a letra 'e'

<input
  type="number"
  [(ngModel)]="value"
  name="value"
  onkeydown="return event.keyCode != 69"
/>

Comentários