javascript实现复制内容到用户的剪贴板中

最新推荐文章于 2025-02-26 16:07:29 发布

原创最新推荐文章于 2025-02-26 16:07:29 发布 · 457 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #开发语言 #ecmascript

收录于

该文章介绍了一种JavaScript方法，通过创建临时textarea元素，选中文本，然后使用document.execCommand(copy)来实现将特定文本内容复制到剪切板的功能。然而，需要注意的是，document.execCommand(copy)可能将被废弃。

js封装复制内容到剪切板

上代码

/**
** text:需要复制的文本内容
*/
export const copyText = (text) =>{

       // 创建一个临时 textarea 元素
        const textarea = document.createElement('textarea');
        textarea.value = text;

        // 将 textarea 添加到文档中
        document.body.appendChild(textarea);

        // 选择文本内容
        textarea.select();

        // 尝试复制文本内容
        document.execCommand('copy');

        // 移除临时 textarea 元素
        document.body.removeChild(textarea);
}