使用中断和更多文本复制到剪贴板脚本

时间:2012-11-08 05:06:27

标签: java html

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

<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等 我想要: 名称 电话 串行 新 等等休息。

如果可能的话。

此外,复制输入时,有没有办法在输入之前复制文本。 例如:姓名:(带输入),电话号码:(带输入)等。

任何建议都会非常有用;这只是一个基本的脚本没什么大不了的。谢谢大家!

2 个答案:

答案 0 :(得分:1)

尝试添加&#39; \ r \ n&#39;在ctl值之后。

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

答案 1 :(得分:0)

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中的结束标记。