如何将textarea的内容复制到剪贴板?

可能重复:
如何在JavaScript中复制到剪贴板?

我有一个html markup ,它回显并包裹在一个textarea ,它也是一个只读,如下所示:

<textarea rows="4" cols="70" readonly="readonly">text with markup goes here.</textarea>

我怎么做,当用户点击只读文本区域的内容时,它会被自动选择并复制到剪贴板,并通知它已被复制?


PHP是服务器端的,所以你将无法做任何事情来与客户端进行交互。 就客户端而言,JavaScript可以做些事情。 坏消息是,根据我的记忆,Firefox不允许这样做(我记得在TinyMCE的剪贴板功能方面发现了一些争议),所以你需要混合使用flash和js来获得完全交叉的内容,浏览器方案。

因此,我可能会建议http://code.google.com/p/zeroclipboard/为可能性?


为什么你想要PHP呢,试试这个:

function copy(inElement) {
 if (inElement.createTextRange) {
  var range = inElement.createTextRange();
 if (range)
   range.execCommand('Copy');
} else {
  var flashcopier = 'flashcopier';
  if(!document.getElementById(flashcopier)) {
  var divholder = document.createElement('div');
   divholder.id = flashcopier;
  document.body.appendChild(divholder);
}
   document.getElementById(flashcopier).innerHTML = '';
   var divinfo = '<embed src="_clipboard.swf"        FlashVars="clipboard='+encodeURIComponent(inElement.value)+'" width="0" height="0"      type="application/x-shockwave-flash"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;
}
 }

<form name="formtocopy" action="" >
<textarea name="texttocopy" disabled="disabled">
A whole bunch of text here that will be copied.
</textarea>
<br>
<a href="javascript:copy(document.formtocopy.texttocopy);">Copy the Text!</a>
</form>
链接地址: http://www.djcxy.com/p/19723.html

上一篇: How do I copy the contents of a textarea to the clipboard?

下一篇: copy contents of div to clipboard