我正在尝试立即将文本复制到剪贴板中的新行。当我单击复制按钮,然后将其粘贴到(帖子、网站、博客、论坛、记事本等)中时,它将与您复制的内容相同。
更多解释:
这是在我复制之前该文本的外观。
Some commonly sold digital good include:
1- eBooks.
2- Audiobooks.
3- Pictures and Videos.
4- Digital Music.
5- Software programs.
然而,当我将其复制粘贴到记事本中时,它只会以一行的形式出现,就像这样:
一些常见的数字产品包括:1- 电子书。2- 音频书籍。3- 图片和视频。4- 数字音乐。5- 软件程序。
这里是我所说的JS代码。
function copyToClipboard(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
}
var addrsField = $('.input_copy .txt');
$('.input_copy .icon').click(function() {
copyToClipboard('.input_copy .txt');
addrsField.addClass('flashBG').delay('1000').queue(function(){
addrsField.removeClass('flashBG').dequeue();
});
});
如果可能的话,我希望文本的外观与我们首次复制它时相同。
这是CodePen的代码 https://codepen.io/null000/pen/wjqYVN
input
元素不能包含换行符,其内容为纯文本。请使用textarea
代替input
。 - Teemu$temp
设为<textarea>
,通过句点分隔element
,并在每个句点后添加\n
。 - acaputotemp
作为文本区域即可正常工作:https://codepen.io/anon/pen/JvywRw - Teemu