如何启用复制按钮以复制换行符

时间:2018-07-31 10:12:45

标签: javascript jquery html copy clipboard

这是我的功能:

function copyFunction(val, event) {
    var inp = document.createElement("input");
    document.body.appendChild(inp)
    inp.value = val;
    inp.select();
    document.execCommand("copy", false);
    inp.remove();
    alert('copied');
}

只要两行之间没有换行符,我就可以复制文本行。有没有办法允许换行符的复制?

例如

<button onclick="copyFunction('I am able to copy this example.')">Copy</button></td>

<button onclick="copyFunction('I cannot copy
 this kind of
 example.')">Copy</button></td>

1 个答案:

答案 0 :(得分:0)

我认为这是因为您的html代码无效,因此您编写它的方式无效。如果设置换行符,则需要使用“'”结束文本。在下面尝试我的代码片段,您将对我的意思有个更好的了解。

function copyFunction(val) {
  var inp = document.createElement("input");
    document.body.appendChild(inp)
    inp.value = val;
    inp.select();
    document.execCommand("copy", false);
    inp.remove();
    alert('copied');
    alert(val);
}
<button onclick="copyFunction('I am able to copy this example.')">Copy</button></td>
<button onclick="copyFunction('I cannot copy \n\r' +
 'this kind of \n\r' +
 'example.')">Copy</button>