Javascript usando navegador do celular não executa

marcurionovo · Maio 2, 2017

Tenho um javascript que faz a formatação de campos do formulário, ele funciona bem mais no navegador do celular não funciona.

Agradeço a ajuda

<script>

      function formatar(mascara, documento) {
        var i = documento.value.length;
        var saida = mascara.substring(0, 1);
        var texto = mascara.substring(i)

        if (texto.substring(0, 1) != saida) {
            documento.value += texto.substring(0, 1);
        }
    }

</script>

 <div class="row">

            <div class="col-sm-7 col-md-7">
                <div class="form-group col-md-3">
                    <label for="cpf">CPF:</label>
                    <input type="text" maxlength="14" OnKeyPress="formatar('###.###.###-##', this)" class="form-control" id="cpf" placeholder="Digite um valor...">
                </div>
            </div>
        </div>

gabrieldarezzo · Maio 2, 2017

Você pode testar/descobrir varias coisas por aqui:

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?hl=en

Assim o Console fica aberto no mobile.

Resposta rápida:

http://stackoverflow.com/questions/21055270/javascript-keypress-event-not-raised-on-android-browser

Edit:

Fiz um exemplo rapido aqui com uma dica do William Bruno que aprendi:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>

	(I/O)
	<br />
	<p>Input:</p>
	<input type="text" id="nome" />	
	
	<p>OutPut:</p>
	<input type="text" id="saida" />
	<script type="text/javascript">
		document.getElementById("nome").addEventListener("input", function() {
			
			document.getElementById("saida").value = this.value;
		});
	</script>
</body>
</html>