javascript - 如何使用Javascript将格式化的文本添加到剪贴板

我需要能够单击链接并将以下内容复制到剪贴板：

Name Email [TAB] Address Phone [TAB] IP Address

如何“复制” Tab键？以及如何将其添加到剪贴板？

最佳答案

这是一个纯JavaScript解决方案。它适用于Chrome 43+和Internet Explorer。您需要使用Flash或库来支持跨浏览器。

您可以使用document.execCommand('copy')将消息从（隐藏的）元素复制到剪贴板上。

单击按钮会将消息复制到剪贴板：

var cutTextareaBtn = document.querySelector('.js-textareacutbtn');
var cutTextarea = document.querySelector('.js-cuttextarea');

cutTextarea.textContent = "Name Email\tAddress Phone\tIP Address";

cutTextareaBtn.addEventListener('click', function(event) {
  cutTextarea.select();

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copy text command was ' + msg);
  } catch(err) {
    console.log('Oops, unable to copy');
  }
});

<textarea class="js-cuttextarea">fdsfsd</textarea>
<button class="js-textareacutbtn">Copy to clipboard</button>

改编自this HTML5 rocks article的代码。

尽管对其他浏览器的支持受到限制，但此功能可在Chrome 43+和Internet Explorer中使用-请参见caniuse.com。

关于javascript - 如何使用Javascript将格式化的文本添加到剪贴板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30406549/