20 de agosto de 2020 • 1 min de leitura
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"
/>
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"
/>