Entrar Ainda não tem acesso?
1
resposta

Eventos OnKeyUp e afins

Referente ao curso JavaScript na Web: validação de Formulários e HTML5

por Marcel Murias Sacute
| 16.4k xp | 16 posts

Bom dia

Conforme demonstrado no curso, eu criei uma máscara usando o SimpleMaskMoney para alguns campos em meu projeto.

<asp:TextBox ID="Txt_Fator_Conver" runat="server" TabIndex="17" Width="80px" OnKeyUp="SimpleMaskMoney.setMask(this, { fixed: true, fractionDigits: 6, decimalSeparator: ',', cursor: 'end'})" MaxLength="11"></asp:TextBox>

Funcionou perfeitamente, porém (como o próprio nome ja diz) o evento OnKeyUp é ativo ao digitar sobre o campo. Com isso, o efeito da máscara só será ativo quando digitarmos um valor manualmente.

Caso eu tenha um valor neste campo, que foi carregado ao iniciar a tela, o mesmo virá sem formatação.

Gostaria de saber quais outros tipos de eventos podemos utilizar para que quando o campo receba um valor externo ao carregar, o mesmo venha formatado.

Obrigado

1 resposta
por IGOR BITARAES
| 187.2k xp | 36 posts

Marcel, boa tarde, tudo bem?

Quando tiver dúvidas, se possível, poste seu código completo, isso ajuda bastante para que alguém te auxilie com sua dúvida!

Você não precisa ativar a máscara necessariamente em um evento, você pode colocar aplicá-la diretamente no seu arquivo .js, selecionando o elemento e e aplicando a máscara.

Algo como: 

const options = {
    fixed: true,
    fractionDigits: 6, 
    decimalSeparator: ',', 
    cursor: 'end'
}

const textBox = document.querySelector("#Txt_Fator_Conver")

let mask = SimpleMaskMoney.setMask(textBox, options)