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

Question

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

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

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

Answer 1

这是一个纯 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 .