javascript - 如何通过单击按钮将示例代码复制到剪贴板中？(How do you copy sample code in the clipboard using click of a button [duplicate])

Question

(This question already has answers here) : ((这个问题已经在这里有了答案) ：)

Copy Button Preserving Line Breaks (2 answers) (复制按钮保留换行符 （2个答案）)

Closed 11 hours ago . (11小时前关闭。)

I'm trying to copy code from a code tag using JavaScript.(我正在尝试使用JavaScript从代码标签复制代码。)

It works, but it copies the text in one long line of text.(它可以工作，但是它会将文本复制到一长行文本中。) I want it to copy with the exact format, for an example see this web site: https://leetcode.com/articles/two-sum/#approach-1-brute-force(我希望它以确切的格式复制，例如，请参见以下网站： https : //leetcode.com/articles/two-sum/#approach-1-brute-force) My question, how can I implement the same logic of copy code as in the above website?(我的问题是，如何实现与上述网站相同的copy代码逻辑？) here is my code:(这是我的代码：) copy: function(component,event,text) { // Create an hidden input var hiddenInput = document.createElement("input"); // passed text into the input hiddenInput.setAttribute("value", text); // Append the hiddenInput input to the body document.body.appendChild(hiddenInput); // select the content hiddenInput.select(); // Execute the copy command document.execCommand("copy"); // Remove the input from the body after copy text document.body.removeChild(hiddenInput); }   ask by Nick Kahn translate from so

Answer 1

The problem is that an input cannot have any newline characters in it, so when you assign a string to its .value , and that string contains newline characters, they just disappear:(问题在于input中不能包含任何换行符，因此当您将字符串分配给.value ，并且该字符串包含换行符时，它们就会消失：)

input.value = 'foo\nbar'; console.log(input.value.includes('\n')); <input id="input"> Use a textarea instead:(改用textarea：) var hiddenInput = document.createElement("textarea");