Question

我是编程新手，我有基本的HTML技能。我正在创建一个基本网站，我在段落中有信息，信息由<br>标记分隔。我希望将一个＆＃34;副本添加到剪贴板＆＃34;按钮和功能，以便将16行信息保存到剪贴板。

<p>
this is the 1st line<br>
this is the 2nd line<br>
...
this is the 16th line [copy to clipboard]
<p>

Answer 1

在支持document.execCommand('copy') and document.execCommand('cut')的浏览器中，复制到剪贴板非常简单;你只需要这样做：

＆＃13;

var copyBtn = document.querySelector('#copy_btn');
copyBtn.addEventListener('click', function () {
  var urlField = document.querySelector('#url_field');
  // select the contents
  urlField.select();     
  document.execCommand('copy'); // or 'cut'
}, false);

＆＃13;

<input id="url_field" type="url" value="http://stackoverflow.com/questions/32802082/copy-to-clipboard-for-basic-html">
<input id="copy_btn" type="button" value="copy">

＆＃13;

上述内容直接来自JavaScript Copy to ClipBoard (without Flash) using Cut and Copy Commands with document.execCommand()。

如果您按上运行代码段，请按复制，您将看到输入字段中的URL（此StackOverflow问题的URL），并将其复制到剪贴板。

复制到剪贴板以获取基本的html

1 个答案: