插件窝 干货文章 js如何输入剪切板内容

js如何输入剪切板内容

文本 区域 复制 strong 777    来源:    2024-10-19
如何在 javascript 中通过剪切板复制内容?创建文本区域元素并设置要复制的文本。选择文本区域中的文本并执行复制命令。代码示例:创建一个文本区域、设置其文本、选择文本并使用 execcommand() 复制文本。

如何通过 JavaScript 输入剪切板内容

在 JavaScript 中,可以通过以下步骤将内容输入剪切板:

  1. 创建文本区域元素:首先,创建一个文本区域元素,用于存储要复制的文本。
  2. 设置文本区域的文本:使用 value 属性将要复制的文本设置为文本区域的值。
  3. 选择文本区域中的文本:使用 select() 方法选择文本区域中的所有文本。
  4. 执行复制命令:使用 document.execCommand("copy") 命令执行复制操作,将所选文本复制到剪切板。

以下是详细的示例代码:

// 创建文本区域元素
const textArea = document.createElement("textarea");

// 设置文本区域的文本
textArea.value = "要复制的文本";

// 隐藏文本区域
textArea.style.display = "none";

// 将文本区域添加到文档中
document.body.appendChild(textArea);

// 选择文本区域中的文本
textArea.select();

// 执行复制命令
document.execCommand("copy");

// 移除文本区域
document.body.removeChild(textArea);

以上代码将"要复制的文本"复制到剪切板。你也可以使用 navigator.clipboard API,但它仅在较新的浏览器中受支持。