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

时间:2015-05-22 22:08:41

标签: javascript

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

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

如何“复制”标签键?如何将其添加到剪贴板?

2 个答案:

答案 0 :(得分:0)

这是一个纯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>
&#13;
&#13;
&#13;

代码改编自this HTML5 rocks article

这适用于Chrome 43+和Internet Explorer,但对其他浏览器的支持有限 - 请参阅caniuse.com

答案 1 :(得分:-1)

我认为使用Javascript无法复制/粘贴到剪贴板功能。您需要Flash脚本才能执行此操作。或者,您可以使用此库,但您仍然使用Adobe Flash: https://github.com/zeroclipboard/zeroclipboard