JavaScript 中的简单复制粘贴功能

Question

如何在 JavaScript 中对文本进行简单的复制和粘贴？我想实现这一点：当我在 textarea 中选择一些文本时，我可以单击一个按钮来复制它，然后我可以转到另一个页面，右键单击另一个 textarea代码> 并选择粘贴。

Answer 1

看看这个库： https://github.com/zeroclipboard/zeroclipboard

您无法访问JavaScript 中的剪贴板，这意味着 flash 或多或少是您唯一的选择。

Answer 2

试试这个：

function copy() {
 if(window.clipboardData) {
   window.clipboardData.clearData();
   window.clipboardData.setData("Text", document.getElementById('txToCopy').value);
 } 
}

function paste() {
 if(window.clipboardData) {   
   document.getElementById('txToPaste').value = window.clipboardData.getData("Text");
 } 
}

<a href="javascript:copy();">Copy</a>
<br />
<input type="text" name="txToCopy" id ="txToCopy"/>
<br /><br />
<a href="javascript:paste();">Paste</a>
<br />
<input type="text" name="txToPaste" id="txToPaste"/>

这是一个简单的复制和粘贴功能。它在 IE 中运行良好。

我希望它对你有帮助。

Answer 3

假设您想获取用户键盘操作，您可能需要使用热键： https://github.com/jeresig /jquery.hotkeys

Answer 4

我认为最简单的方法（并且在所有浏览器中工作）是观察用户按下的按键，如果他按下 CTRL+C，则将您想要复制的一些数据保存到某个变量中。

我的意思是这样的：

    var myClipboardVariable;

    document.onkeyup = function(e){

        if ((e.key == 'c') && e.ctrlKey){
            // save data (you want to copy) into variable
            myClipboardVariable = ....//some data
        }

        if ((e.key == 'v') && e.ctrlKey){
            // paste saved data
            .... paste your data from variable myClipboardVariable
        }

    }

Answer 5

请查看这篇 MDN 文章。

如果您只想复制用户选择的文本，您可以这样做：

document.execCommand("copy");

如果您之前需要选择它：

document.getElementById('txToPaste').select();

• 在我的情况下，此代码不起作用 - 事实证明 select() 不起作用适用于禁用输入。

• 如果您从 onClick 事件侦听器运行它，则不需要任何特殊权限，如果您希望另一个事件触发副本，那么您就有点麻烦了。

• 它适用于我的 Firefox 和 Chrome，MDN 说它不适用于 Safari，但我还没有测试过。

Answer 6

您可以使用 ClipBoard API 来实现此目的，

//copy
navigator.clipboard.writeText("yuuhhhh");
//paste ,this needs user permission 
navigator.clipboard.readText()

现在您可以使用 .then 函数来执行您想要的操作。