---
title: Máscaras Javascript em Campos de Formulário
authors: Elcio Ferreira
type: post
date: 2007-01-19
url: /mascaras-javascript-em-campos-de-formulario/
tweetbackscheck:
  - 1356434410
shorturls:
  - 'a:3:{s:9:"permalink";s:67:"https://tableless.com.br/mascaras-javascript-em-campos-de-formulario";s:7:"tinyurl";s:26:"https://tinyurl.com/3tvn47c";s:4:"isgd";s:19:"https://is.gd/fd1N8J";}'
twittercomments:
  - 'a:3:{i:159666714278244352;s:7:"retweet";i:159329313508966400;s:7:"retweet";i:159315427296681984;s:7:"retweet";}'
tweetcount:
  - 6
dsq_thread_id: 503025849
categories:
  - Artigos
  - Browsers
  - Geral
  - Tecnologia e Tendências
tags:
  - AJAX
  - Técnicas e Práticas

---
Vou tentar, uma vez por semana, responder aqui a alguma dúvida de algum aluno dos [cursos da Visie][1] que seja útil para todo mundo. A de hoje:

[Javascript: máscara em campos de formulário simples e crossbrowser][2]:

> Uma dúvida muito comum diz respeito ao tratamento de teclas para campos de formulário. É um hábito de programadores de sistemas Desktop filtrar o que o usuário digita em campos como, por exemplo, data e CPF, permitindo apenas que ele digite número, e colocando automaticamente pontos, traços e outros separadores conforme ele digita. Ao tentar reproduzir esse comportamento na web, a experiência pode ser um tanto quanto frustrante, principalmente devido às diferenças entre o Internet Explorer e os outros navegadores. Além disso, a captura de eventos de teclado em Javascript é uma tarefa relativamente complicada. Por isso vou apresentar uma técnica alternativa, que não usa a captura de teclas.

Comentários aqui.

 [1]: https://visie.com.br/cursos
 [2]: https://elcio.com.br/ajax/mascara/