前端实现复制功能，里面的文字换行

最新推荐文章于 2024-05-14 14:12:08 发布

蓉妹妹

最新推荐文章于 2024-05-14 14:12:08 发布

阅读量718

点赞数

分类专栏：项目代码文章标签：前端 html javascript

本文链接：https://blog.csdn.net/weixin_43517190/article/details/129204737

版权

项目代码专栏收录该内容

39 篇文章 2 订阅

订阅专栏

文章提供了两个JavaScript函数，分别用于复制文字和根据逗号换行复制文字。函数通过创建input或textarea元素，设置值，选中内容，然后调用execCommand(Copy)来实现复制。成功或失败后，使用AntMessage显示相应提示。

摘要由CSDN通过智能技术生成

1.复制文字

onCopy = (url: string) => {
    let input = document.createElement('input');
    input.value = url;
    document.body.appendChild(input);
    input.select();
    if (document.execCommand('Copy')) {
        AntMessage.success('复制成功');
    } else {
        AntMessage.warning('复制失败');
    }
    document.body.removeChild(input);
};

2.复制文字，并里面的根绝逗号换行

onCopy = () => {
	const url = "1,2,3,4,5";
    let input = document.createElement('textarea');
    let urlArray = url.split(',');
    const urls: string = urlArray
        .map((u: string) => {
            return `${u}\r\n`;
        })
        .join('');
    input.value = urls;
    document.body.appendChild(input);
    input.select();
    if (document.execCommand('Copy')) {
        AntMessage.success('复制成功');
    } else {
        AntMessage.warning('复制失败');
    }
    document.body.removeChild(input);
    };