前端实现JS复制功能及复制内容可换行

复制功能：

function copy(codeData){

        const textarea = document.createElement('textarea'); // 直接构建textarea  「注意：这里为了实现换行，需要创建textarea，如果用input的话，实现不了换行。」

       textarea.value = '目的地编码:\r\n123456789\r\n987456223\r\ncodetest123\r\n'; // 设置内容    「注意： \r\n 是 换行 符号」

       document.body.appendChild(textarea); // 添加临时实例

       textarea.select(); // 选择实例内容

       document.execCommand('Copy'); // 执行复制

       document.body.removeChild(textarea); // 删除临时实例

       console.log('复制成功!');

       ElMessage({

         message: '复制成功',

         type: 'success',

       });

}
let codeData = [{code:'xxx'},...];
copy(codeData);

复制内容效果：

目的地编码：
xxxxxxxx1
xxxxxxxx2
xxxxxxxx3
...

 

注意：如果复制的文本内容不需要换行，用 input 即可。涉及到换行操作的用 textarea 标签。

 

 

 

 

参考链接：

      https://blog.csdn.net/weixin_34827675/article/details/112162971?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-0.pc_relevant_default&spm=1001.2101.3001.4242.1&utm_relevant_index=2