将内容从多个文本框复制到剪贴板

时间:2012-12-09 22:10:37

标签: javascript html copy-paste

我希望使用HTML / JS将多个文本框中的内容复制到一个textarea或直接复制到剪贴板。

E.g Text1 = 123 Text2 = 456 Text3 = 789 我需要将其输出为

123

456

789

没有空格 - 我到目前为止

 function Copy1() {
 if(window.clipboardData) {
 window.clipboardData.clearData();
 window.clipboardData.setData("Text", document.getElementById('Text3').value);

这可以复制1个文本框,但是我需要复制多个文本框并换行,这可能是内容吗?

由于

2 个答案:

答案 0 :(得分:0)

如何尝试

function Copy1() {
     if(window.clipboardData) {
         window.clipboardData.clearData();
         window.clipboardData.setData("Text", document.getElementById('Text1').value+'\n'+
                                              document.getElementById('Text2').value+'\n'+
                                              document.getElementById('Text3').value);
     }
}

答案 1 :(得分:0)

<script type="text/javascript">
    function kopyala() {
        //Ekrandaki text vb. alanların tümü uygun formatta kopyala değişkenine atılır.
        var kopyala = "";
        kopyala = document.getElementById('metin-alani').value + '\n' +
            document.getElementById('text-alani').value + '\n' +
            document.getElementById('text2-alani').value;

        //Clipboard için kopyala değişkenindeki veriler gizli-alana atılıyor.
        document.getElementById('gizli-alan').value = "";
        document.getElementById('gizli-alan').value = kopyala;                    

        console.log(kopyala ? 'Panoya Atıldı' : 'Panoya Atılamadı');
        console.log(kopyala);

        try {
            //Gizli alandaki veriler clipboarda atılıyor.
            //document.getElementById('gizli-alan').select();
            document.getElementById('gizli-alan').select();
            document.execCommand('copy');       

        } catch (err) {
            console.log(err);

        }

    }


</script>

<textarea id="metin-alani" cols="30" rows="10"></textarea>
<br />
<input type="text" id="text-alani" />
<br />
<input type="text" id="text2-alani" />
<br />
<button onclick="kopyala()">Panoya Kopyala</button>


<textarea id="gizli-alan" style="width:1px;height:1px" />