使用 JavaScript 将内容复制到剪贴板或从剪贴板粘贴内容

Question

我需要将内容复制到剪贴板的 javascript，并且用户应该能够从剪贴板访问内容。即有两个按钮复制和粘贴。当您单击复制按钮时，文本区域中的文本表示文本区域内容被复制到剪贴板，当您单击粘贴按钮时，它应该粘贴到其他文本区域中，或者如果可能的话粘贴到编辑器（TinyMCE）中。

Answer 1

使用 javascript 没有一个好的/经过充分测试的解决方案，大多数解决方案仅适用于 IE

我曾经使用 Flash 组件 Clippy 执行过复制到剪贴板功能，它非常易于使用。
你可以在 Github 上查看它的存储库，不过它只复制到剪贴板。

另一个管理剪贴板的好库（也在 Flash 中）是 ZeroClipboard

Answer 2

您可以使用此代码。如果有人从您的网站复制内容。

document.addEventListener('copy', (event) => {
  const pagelink = `\n\nRead more at: ${document.location.href}`;
  let copyText = document.getSelection();
  copyText = 'use website for read content';
  event.clipboardData.setData('text', copyText + pagelink);
  event.preventDefault();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</h1>

Answer 3

一个简单的谷歌会给我返回这个代码......:-)

<SCRIPT language="JavaScript">
<!--
function highlightmetasearch() {
    document.post.message.select(); document.post.message.focus();
}
function copymetasearch() {
    highlightmetasearch();
    textRange = document.post.message.createTextRange();
    textRange.execCommand("RemoveFormat");
    textRange.execCommand("Copy");
    alert("This post has been copied to your clipboard.\nIf this post is lost when you submit it you can easily repost it.\nAlways use this feature before posting!");
}
    // -->
</SCRIPT>