java - 复制到带有中断和更多文本的剪贴板脚本

Question

我正在尝试为工作文档制作一个有趣的脚本。这是我到目前为止所拥有的。

<script type="text/javascript">
    function ClipBoard() {
        window.clipboardData.setData('text',
                      document.getElementById('name').value +
                      document.getElementById('phone').value +
                      document.getElementById('serial').value +
                      document.getElementById('new').value +
                      document.getElementById('cuts').value +
                      document.getElementById('agts').value
                     );
    }

</script>
<form id="form1">
    Name: <input id="name" /><br />
    Phone Number: <input id="phone" maxlength="10" /><br />
    Serial Number: <input id="serial" maxlength="10" /><br />
    New/Existing: <input id="new" /><br />
    CU TS: <input id="cuts" /><br />
    Agent TS: <input id="agts" /><br />
    <input type="button" onclick="ClipBoard()" value="Copy"/>
    <input type="reset" />`

现在，在我粘贴输入后没有“中断”，复制的文本复制在一行中。例如：namephoneserialnew 等。我想要：Name Phone Serial New Etc. with break。

如果可能的话。

此外，在复制输入时，有没有办法在输入之前复制文本。例如：姓名：（输入），电话号码：（输入）等。

任何建议都会非常有帮助；这只是一个基本的脚本，没什么大不了的。谢谢大家！

Answer 1

尝试在 ctl 值之后添加 '\r\n'。

function ClipBoard() {
    window.clipboardData.setData('text',
                  document.getElementById('name').value + '\r\n' + 
                  document.getElementById('phone').value + '\r\n' + 
                  document.getElementById('serial').value + '\r\n' + 
                  document.getElementById('new').value + '\r\n' + 
                  document.getElementById('cuts').value + '\r\n' + 
                  document.getElementById('agts').value
                 );
}

Answer 2

JavaScript 不会以这种方式生成换行符。您可以尝试添加"<br>"代码，这可能会导致换行符。

function ClipBoard() {
        window.clipboardData.setData('text',
                      document.getElementById('name').value + "<br>"
                      document.getElementById('phone').value + "<br>" 
                      document.getElementById('serial').value + "<br>"
                      document.getElementById('new').value + "<br>"
                      document.getElementById('cuts').value + "<br>"
                      document.getElementById('agts').value
                     );
    }

如果你想要标签之前的值，你可以在它们之前放一个字符串。

function ClipBoard() {
            window.clipboardData.setData('text',
                          "Name: " + document.getElementById('name').value + "<br>"
                          "Phone: " + document.getElementById('phone').value + "<br>" 
                          "Serial: " + document.getElementById('serial').value + "<br>"
                          "New: " + document.getElementById('new').value + "<br>"
                          "Cuts: " + document.getElementById('cuts').value + "<br>"
                          "Agts: " + document.getElementById('agts').value
                         );
        }

顺便说一句，您忘记了 HTML 中的结束标记。