1

Tenho um text-area e um input, queria que ao digitar alguma informação no input ele já preenche no text-area. Tentei o evento onchange, mas pelo que eu observei ele só é disparado quando sai do campo, tem algum evento do input que faça isso?

<input onchange="FuncaoTeste();" type="text" class="form-control" id="iptDetalhes">
1

2 Respostas 2

5

Fica aqui um exemplo com o onkeyup (como disse o @leonardo-getulio):

HTML

<textarea id="iptDetalhesCopia"></textarea>
<input onkeyup="FuncaoTeste( this.value )" type="text" class="form-control" id="iptDetalhes" placeholder="Digite aqui">

JS

function FuncaoTeste( e ) {
    document.getElementById( 'iptDetalhesCopia' ).value = e;
}

https://jsfiddle.net/xtkfrbj2/

4

Apenas complementando a resposta do Marcos ,o evento onChange só vai refletir o valor digitado no input quando o mesmo receber o evento de blur, ou seja, perder o foco, já com eventos de teclado como keyup, ou input no momento que for digitado algo no input, estes valores serão repassados automaticamente para o textarea:

let valor = document.getElementById('iptDetalhes');

valor.addEventListener('input', () => document.getElementById('textarea').textContent = valor.value)
<input type="text" class="form-control" id="iptDetalhes"> <br><br>
<textarea id="textarea" cols="22"></textarea>

1
  • 1
    Entendi, deu certo com o evento oninput. Valeu Commented 12/09/2019 às 12:42

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .