js自定义设置剪切板内容

方法介绍

在浏览器的控制台中执行 JavaScript 命令可以使用 document.execCommand() 方法来设置剪切板内容。
以下是在浏览器控制台中执行 JavaScript 命令设置剪切板内容的示例：

document.execCommand('copy');

在执行该命令之前，需要先选中要复制的文本，然后在控制台中执行该命令即可将文本复制到剪切板中。
例如，可以在控制台中执行以下代码，将页面中的第一个 p 元素中的文本复制到剪切板中：

var text = document.querySelector('p').textContent;
var textarea = document.createElement('textarea');
textarea.textContent = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);

该代码首先获取页面中第一个 p 元素中的文本内容，然后创建一个虚拟的 textarea 元素，将文本内容添加到 textarea 中，将 textarea 添加到文档中，并选中 textarea 中的文本。接着调用 document.execCommand(‘copy’) 方法将文本复制到剪切板中，最后移除 textarea 元素。

自定义剪切板内容

在 document.execCommand(‘copy’) 方法中使用 document.getSelection().toString() 或者其他方法来获取需要设置的内容，然后将其作为参数传递给 document.execCommand() 方法。以下是示例代码：

// 获取需要设置的文本内容
var textToCopy = "这是要复制到剪切板中的文本内容";
// 创建虚拟的 textarea 元素
var textarea = document.createElement('textarea');
textarea.value = textToCopy;
document.body.appendChild(textarea);
textarea.select();
// 将文本内容复制到剪切板中
document.execCommand('copy', false, textarea.value);
// 移除虚拟的 textarea 元素
document.body.removeChild(textarea);