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

Question

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

例如 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 个文本框，但我需要复制多个文本框并换行内容这可能吗？

谢谢

Answer 1

试试怎么样

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);
     }
}

Answer 2

<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" />