Skip to main content
1 de 2
Pushuno
  • 579
  • 3
  • 8

te resumo como podrias hacerlo usando jquery

Form

<label>Nombre</label>
<input type="text" id="nombre" onkeyup="actualizar_textbox()" /><br>
<label>Apellido</label>
<input type="text" id="apellido" onkeyup="actualizar_textbox()" /><br>
<label>Email</label>
<input type="email" id="email" onkeyup="actualizar_textbox()" /><br>
<label>Telefono</label>
<input type="tel" id="telefono" onkeyup="actualizar_textbox()" /><br>
<label>Resultado</label>
<textbox id="textbox">No hay texto aun</textbox><br>
<input type="button" onclick="copiar('textbox')" value="Copiar datos" />

y su script

<script>
    function actualizar_textbox(){
        var nombre = $("#nombre").val();
        var apellido = $("#apellido").val();
        var email = $("#email").val();
        var telefono = $("#telefono").val();
        var html = 'Me llamo '+nombre+' '+apellido+' y me puedes escribir al correo '+email+' o llamame al '+telefono+' espero tu llamada!';

        $("#textbox").html(html);
    }


        function copiar(element){
            var doc = document,text = doc.getElementById(element),range,selection;
            if(doc.body.createTextRange){ //ms
                range = doc.body.createTextRange();
                range.moveToElementText(text);
                range.select();
            }else if(window.getSelection){ //all others
                selection = window.getSelection();
                range = doc.createRange();
                range.selectNodeContents(text);
                selection.removeAllRanges();
                selection.addRange(range);
            }

            let copySelected = document.execCommand('copy');
            if(copySelected){
                copySelected
                alert('Se copió la información');
            }else{
                alert('No se pudo copiar la información el navegador actual no soporta esta funcionalidad');                
            }
        }

</script>

Podes testearlo aca https://jsfiddle.net/ja53vngd/2/

Pushuno
  • 579
  • 3
  • 8