JS，JavaScript(ES6)复制、粘贴文本

最新推荐文章于 2024-03-30 17:52:32 发布

原创最新推荐文章于 2024-03-30 17:52:32 发布 · 652 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6 #前端

该文章介绍了如何使用JavaScript的navigator.clipboardAPI在ES6环境下进行文本复制和粘贴。提供了两个函数，copyText用于复制指定文本到剪贴板，readText则用于从剪贴板读取文本。这两个函数均返回Promise对象，并且在用户未授权时会抛出错误。

JS(ES6)复制、粘贴文本

复制

/**
 * @author Yi Dai 484201132@qq.com
 * @since 2023/2/26 16:04
 * @param text {string} 要复制的文本
 */
function copyText(text) {
  navigator.clipboard.writeText(text).then(() => {
    console.log("copy succeeded");
  }).catch(error => {
    //如果用户没有授权，会抛出错误
    console.error("cannot copy this text,the error is :", error);
  });
}

粘贴（从剪切板读取文本）

/**
 * @author Yi Dai 484201132@qq.com
 * @since 2023/2/26 16:04
 */
function readText() {
  navigator.clipboard.readText().then(text => {
    console.log("the text is: ", text);
  }).catch(error => {
    console.error("unable to read text from clipboard,the error is {}", error);
  });
}